/**
* Template Name: Day - v4.7.0
* Template URL: https://bootstrapmade.com/day-multipurpose-html-template-for-free/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Gulzar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@1&family=Merriweather:wght@300;400&display=swap');

/*@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,700;1,400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap');

h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 , p{      font-family: 'Gentium Book Plus', serif;}

.se_header {font-family: 'Gulzar', serif;}
.inner_section{font-family: 'PT Serif', serif;}
#myVideo1res{
    display:none;
}
#myVideo_about_rs{
    display:none;
}
.copyright1{
    display:none;
}
.Testimonial_wapper .owl-carousel  .owl-buttons .owl-prev{
    display:none!important;
}
.Testimonial_wapper .owl-carousel  .owl-buttons .owl-next{
    display:none!important;
}
.about .owl-carousel  .owl-buttons {
    position: absolute;
    bottom: -26px!important;
}

#myVideo_career_rs{
    display:none;
}
.about_inner-page_videors{
    display:none;
}
.about_inner-page_video{
    display:block;
}

body {
    font-family: "Open Sans", sans-serif;
    color: #444444;
}
.scrolled-offset {
    margin-top: 90px;
}
.btn a {
    color: #fff!important;
    ;
    text-decoration: none;
}
.custom-btn span{    color: #fff!important;}
 a {
    color: #fff;
    
    text-decoration: none;
}
a:hover {
   color: #b29456;
    text-decoration: none;
}
.fa-search{
    color: #fff!important;
}
.breadcrumbs a {
    color: #000000!important;
}
.ab_data{
       align-items: center;
    justify-content: center;
    line-height: 28px;
    word-spacing: 3px;
    width: 100%;
    text-align: justify; 
      font-family: 'Gentium Book Plus', serif;
}
.vision{
    height: 215px;
    padding: 14px;

        background: #ac8f55;
    width: 85%;
}
.vision_inner_wapper{
     height: 300px;
    padding: 20px;
     background: #212b47;
    width: 120px;
    position: relative;
    left: -4px;
    bottom: 5px;
}
.tr_left{
     position: relative;
    left: 60%;
}
.vision_img{
      box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    border-radius: 2px;
    position: relative;
    bottom: 10px;
    right: 10px;
}
/*.line_dash:after{*/
/*    content: "";*/
/*    display: block;*/
/*    width: 73%;*/
/*    height: 2px;*/
    /*background: #b29456;*/
/*    right: 113px;*/
/*    top: 44%;*/
/*    position: absolute;*/
/*    border-style: dashed;*/
/*    border-color:#b29456;*/
    
/*}*/
  
/*.dash:after{*/
/*  content:"";*/
/*    display: block;*/
/*    width:26%;*/
/*    height: 2px;*/
    /* background: #b29456; */
/*    top: 68%;*/
/*    position: absolute;*/
/*    border-style: dashed;*/
/*    border-color:#b29456;*/
/*    left: 95px;*/
    
/*}*/
#popup{display:none;}
 .testimonial-content .project_wapper12 {
    border: 2px solid #b29456;
    border-right: 2px solid #212b47;
    padding: 10px;
    /* box-shadow: 15px 2px 3px -17px #212b47; */
    border-radius: 5px!important;
}
.font-24-bold{
     position: relative;
    font-size: 24px;
   
    font-family: 'Merriweather', serif;
    font-weight: 400;
    text-align:center;
    
}
.modal-logo {
    position: relative;
    bottom: 10px;
    text-align: center;
    width: 165px;
    left: 18px;
}
.work_culture{padding-top:50px;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: #b29456;
    width: 40px;
    height: 40px;
    transition: all 0.4s;
}

.back-to-top i {
    font-size: 28px;
    color: #fff;
    line-height: 0;
}
.text-center{
        text-align: center;
}
.back-to-top:hover {
    background: #b29456;
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

.cta-btn {
    font-family: 'Merriweather', serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;

    display: inline-block;
    padding: 10px 28px;
    transition: 0.5s;
    margin-top: 10px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
}

.cta-btn:hover {
    background: #b29456;
    border: 2px solid #b29456;
    color: #fff;
}

.bts a {
    color: #fff;
    text-decoration: none;
    background-color: #212b47;
    -webkit-text-decoration-skip: objects;
    font-family: 'Merriweather', serif;
    letter-spacing: 1px;
}

.Footer_additional_links__R7DrN {
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}

.Footer_additional_links__R7DrN li:first-child {
    margin-right: 20px;
}

.Footer_additional_links__R7DrN li {
    display: inline-block;
    margin-right: 15px;
}

.Footer_additional_links__R7DrN li:after {
    content: "|";
    font-weight: 600;
    position: relative;
    left: 10px;
}

/*# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    /*background:#212b47;*/
}

#preloader img {
content: "";
    position: fixed;
    bottom: 45%;
    left: 40%;
    /* border: 6px solid #cc1616; */
    /* border-top-color: #efefef; */
    /* border-radius: 50%; */
    /* width: 60px; */
    /* height: 60px; */
    width: 130px;
    animation: zoom-in-zoom-out 1s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}


@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 1084px) {
    #myVideo {
    position:relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    /*margin-top: 12px;*/
    z-index: -9999;
height:55vh;
}

element.style {
}
#header.fixed-top {
    background: #212b47;
    box-shadow: 0px 2px 12px rgb(178 148 86);
    border-bottom: 1px solid #b29456;
}
#header {
    background: #212b47;
    transition: all 0.5s;
    z-index: 997;
    height: 90px;
    box-shadow: 0px 2px 12px rgb(178 148 86);
    border-bottom: 1px solid #b29456;
    padding: 0px 10px!important;
}
}


@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
    .sliders .slides img {
    width: 100%;
    height: 100%;
    object-fit: contain!important;;
    object-position: center;
}
#myVideo {
    position:relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    /*margin-top: 12px;*/
    z-index: -9999;
height:55vh;
}
  
}
.intro{
    color:#fff;
    background:#212b47; 
}
.c_text h1{
    color: #fff;
    font-size: 70px;
    margin-bottom:2rem;
    font-family: 'Gulzar', serif;
}
.c_text img{width:330px;}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
    background: #191919;
    font-size: 15px;
    height: 40px;
    padding: 0;
    color: rgba(255, 255, 255, 0.6);
}

#topbar .contact-info a {
    line-height: 0;
    color: rgba(255, 255, 255, 0.6);
    transition: 0.3s;
}

#topbar .contact-info a:hover {
    color: #fff;
}

#topbar .contact-info i {
    color: #cc1616;
    line-height: 0;
    margin-right: 5px;
}

#topbar .contact-info .phone-icon {
    margin-left: 15px;
}

#topbar .social-links a {
    color: rgba(255, 255, 255, 0.6);
    padding: 4px 12px;
    display: inline-block;
    line-height: 1px;
    transition: 0.3s;
}

#topbar .social-links a:hover {
    color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*#header {*/
/*    background: hwb(224deg 13% 72%);*/
/*    transition: all 0.5s;*/
/*    z-index: 997;*/
/*    height: 90px;*/
/*            box-shadow: 0px 2px 12px rgb(178 148 86);*/
/*    border-bottom: 1px solid #b29456;*/
/*}*/
#header {
    background: #212b47;
    transition: all 0.5s;
    z-index: 997;
    height: 90px;
            box-shadow: 0px 2px 12px rgb(178 148 86);
    border-bottom: 1px solid #b29456;
        padding: 0px 90px;
}



#header.fixed-top {
    background: #212b47;
        box-shadow: 0px 2px 12px rgb(178 148 86);
     border-bottom: 1px solid #b29456;
    
}

/*#header .logo {*/
/*    font-size: 30px;*/
    
/*    margin: 0;*/
/*    padding: 0;*/
/*    line-height: 1;*/
/*    font-weight: 700;*/
/*    letter-spacing: 2px;*/
/*    text-transform: uppercase;*/
/*}*/

#header .logo a {
    color: #fff;}
 .logo img {
width:200px!important;
    margin-top: -10px;
  
}

.scrolled-offset {
    margin-top: 90px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
    padding: 0;
}

.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}
.form-check-label{    margin-bottom: 0;
    font-family: 'Gentium Book Plus', serif;
    font-size: 15px;}
.navbar li {
    position: relative;
}

.navbar>ul>li {
    margin-left: 5px;
}

.navbar a,
.navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px 12px 15px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    transition: 0.3s;
        border-radius: 2px;

}
.Footer_additional_links__R7DrN li a{
        color: #b29456!important;
}
.navbar a i,
.navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    background: #b29456;
     color: #fff;
    ;
}

.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
}

.navbar .dropdown ul li {
    min-width: 200px;
    
}

.navbar .dropdown ul a {
    padding: 10px 20px;
    color: #191919!important;
}

.navbar .dropdown ul a i {
    font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
    color: #fff;
}
.btn_dev a{
    color:#b29456!important;
}
.navbar .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover>ul {
        left: -100%;
    }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    color: #cc1616;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.3s;
    z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
    padding: 10px 20px;
    font-size: 15px;
    color: #191919;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
    color: #cc1616;
    background: none;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
    color: #cc1616;
}

.navbar-mobile .dropdown>.dropdown-active {
    display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/


   .modal-header h6{
            font-size:28px;
            font-weight:600;
        }
.modal-header {
    height: 80px;
    border-bottom: 2px solid #b29456;
}
.close span {
    position: relative;
    bottom: 6px;
    color: #fff;
    opacity: 1;
}


.modal-header .s1_form_close {
    padding: 10px;
    margin: 0 auto;
    position: relative;
    left: 24px;
    top: -24px;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: 1.75;
}
.modal-content{
    border: 5px solid #b29456;
}
.modal-body p{
    font-size:14px;
      font-family: 'Gentium Book Plus', serif;
}
.modal-body{
        background: #b193565e;
   font-family: 'Gentium Book Plus', serif;
}
.modal-body .close {
    padding: 10px;
    margin: 0 auto;
    position: relative;
    left: 21px;
    top: -20px;
    background: #b29456;
    opacity: 1;
    border-radius: 50px;
}
.modal {
    position: fixed;
    top: 0%!important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
 background: #212b47;
 border-bottom: 4px solid #212b47;
}
/*#hero:before {*/
/*  content: "";*/

/*  position: absolute;*/
/*  bottom: 0;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*}*/
#hero h1 {
    margin: 0 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    text-transform: uppercase;
    color: #fff;
}

#hero h2 {
    color: #eee;
    margin-bottom: 30px;
    font-size: 24px;
}

#hero .btn-get-started {
       font-family: 'Merriweather', serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;

    display: inline-block;
    padding: 10px 28px;
    transition: 0.5s;
    border: 2px solid #fff;
    color: #fff;
}

#hero .btn-get-started:hover {
    background: #cc1616;
    border-color: #cc1616;
}

@media (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }
}

@media (max-width: 768px) {
    #hero {
        text-align: center;
    }

    #hero .container {
        padding-top: 40px;
    }

    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 40px 0;
    overflow: hidden;
}

.section-title {
    text-align: center;
    /*padding: 30px 0;*/
    position: relative;
    margin-bottom:2rem;
}

.section-title h2 {
    font-size: 30px;
    font-weight: 400;
    
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #191919;
    position: relative;
    z-index: 2;
font-family: 'Merriweather', serif;

}

.section-title span {
    position: absolute;
    top: 30px;
    color: #f4f4f4;
    left: 0;
    right: 0;
    z-index: 1;
    font-weight: 700;
    font-size: 52px;

    line-height: 0;
}
.service_wapeper_first h2{
   font-family: 'Merriweather', serif;
      font-size:30px;
}
.ps-timeline-sec h2{
   font-family: 'Merriweather', serif;
        font-size:30px;
}

.section-title p {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

@media (max-width: 575px) {
    .section-title h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .section-title span {
        font-size: 38px;
    }
    #preloader img {
    content: "";
    position: fixed;
    bottom: 45%;
    left: 35%;
    /* border: 6px solid #cc1616; */
    /* border-top-color: #efefef; */
    /* border-radius: 50%; */
    /* width: 60px; */
    /* height: 60px; */
    width: 100px;
     animation: zoom-in-zoom-out 1s ease infinite;
}
}
.Address_wapper{
background: linear-gradient(rgb(33 43 71 / 48%), rgb(33 43 71 / 45%)), url(../img/map_11.jpg) fixed center center;
    background-size: cover;
    padding: 120px 0;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about .content h3 {
    font-weight: 600;
    font-size: 26px;
}

.about .content ul {
    list-style: none;
    padding: 0;
}

.about .content ul li {
    padding-bottom: 10px;
}

.about .content ul i {
    font-size: 20px;
    padding-right: 4px;
    color: #cc1616;
}

.about .content p:last-child {
    margin-bottom: 0;
}
 .tab .tab1{background:#ef715e;    
    color: #212b47; font-size: 16px;
  }
  .tab .tab2{background:#dcb423; color:#212b47;font-size: 16px;
   }
    .tab .tab3{background:#2dbace; color:#212b47;font-size: 16px;
 }
      .tab .tab4{background:#1ea97a; color:#212b47; font-size: 16px;
}
         .tab .tab5{background:#ab2672; color:#212b47;font-size: 16px;
   }
   
#tab-1 h3{
    color:#ef715e;
font-family: 'PT Serif', serif;
}
#tab-2 h3{
    color:#dcb423;
   font-family: 'PT Serif', serif;;
}
#tab-3 h3{
    color:#2dbace;
  font-family: 'PT Serif', serif;
}
#tab-4 h3{
    color:#1ea97a;
  font-family: 'PT Serif', serif;
}
#tab-5 h3{
    color:#ab2672;
   font-family: 'PT Serif', serif;
}
.tabcontent p{ font-family: 'Gentium Book Plus', serif;}
   
   
   
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
/*.why-us {*/
/*    padding-top: 10px;*/
/*}*/

.why-us .box {
    padding: 50px 30px;
        box-shadow: 0px 2px 15px rgb(33 43 71 / 73%);
    transition: all ease-in-out 0.3s;
}

.why-us .box span {
    display: block;
    font-size:15px;
    /*font-weight: 700;*/
    color: #fff;
    font-family: 'Merriweather', serif;
    letter-spacing: 1px;
}

.why-us .box h4 {
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    margin: 20px 0;
    color: #191919;
   font-family: 'PT Serif', serif;
}

.why-us .box p {
    color: #aaaaaa;
    font-size: 15px;
    margin: 0;
    padding: 0;
  font-family: 'Gentium Book Plus', serif;
}

.why-us .box:hover {
       background:#212b47;
    padding: 30px 30px 70px 30px;
    box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}
.why-us .box:hover .btn {
       background:transparent;
           font-family: 'Merriweather', serif;
    letter-spacing: 1px;
    font-size: 18px;
}

.why-us .box:hover span,
.why-us .box:hover h4,
.why-us .box:hover p {
    color: #fff;
}

.why-us .box:hover span,
.why-us .box:hover h4,
.why-us .box:hover p a {
    color:#fff;
}

.why-us .box p a {
    color: #fff;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
    background: #f2f2f2;
    padding: 15px 0;
    text-align: center;
}

.clients img {
    width: 50%;
    filter: grayscale(100);
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
}

.clients img:hover {
    filter: none;
    transform: scale(1.2);
}

@media (max-width: 768px) {
    .clients img {
        width: 40%;
    }
    
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
    text-align: center;
    padding: 80px 20px;
    transition: all ease-in-out 0.3s;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.services .icon-box .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    background: #cc1616;
    transition: all 0.3s ease-out 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transform-style: preserve-3d;
}

.services .icon-box .icon i {
    color: #fff;
    font-size: 28px;
}

.services .icon-box .icon::before {
    position: absolute;
    content: "";
    left: -8px;
    top: -8px;
    height: 100%;
    width: 100%;
    background: #fce5e5;
    transition: all 0.3s ease-out 0s;
    transform: translateZ(-1px);
}

.services .icon-box h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px;
}

.services .icon-box h4 a {
    color: #191919;
}

.services .icon-box p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.services .icon-box:hover {
    background: #cc1616;
    border-color: #cc1616;
    padding: 70px 20px 90px 20px;
}

.services .icon-box:hover .icon {
    background: #fff;
}

.services .icon-box:hover .icon i {
    color: #cc1616;
}

.services .icon-box:hover .icon::before {
    background: #e82d2d;
}

.services .icon-box:hover h4 a,
.services .icon-box:hover p {
    color: #fff;
}

.blog-card__info h5{
     font-family: 'Merriweather', serif;
}

#our_story{height: 160px;
    padding: 14px;
    background: #212b47;
    width: 50%;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 42px;
       right:-25%;}

#our_story_1{
        height: 220px;
    padding: 20px;
    background: #b29456;
    height: 136px;
    position: relative;
    left: -4px;
    bottom: 2px;
    width: 150px;
}
.in_wp_content{
    padding: 50px;    position: relative;
    top: 28px;
}


#our_story_1 .white_wpper{
     padding: 34px;
      padding: 34px;
    position: relative;
    top: -14px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 135px;
    page-break-after: 20px;
    right: 13px;
    bottom: -22px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 122px;
}
.white_wpper h6{
       position: relative;
    bottom: 25px;
    color: #000;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    font-family: 'Merriweather', serif;   
}
.story_text{
    position: relative;
    bottom: 32px;
    color: #000;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    right: 8px;
}

#wsr_about_us{
    height: 160px;
    height: 160px;
    padding: 14px;
    background: #212b47;
    width: 50%;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 65px;
    /* right: -85px; */
    transform: rotateY(180deg);
    left: 84px;
}

.wsr_inner_about{padding: 20px;
    background: #b29456;
    height: 136px;
    position: relative;
    left: -4px;
    bottom: 2px;
    width: 150px;}
.wsr_inner_about_text{
    padding: 34px;
    position: relative;
    top: -14px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 135px;
    page-break-after: 20px;
    right: 13px;
    bottom: -22px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 122px;
    transform: rotateY(180deg);
}
.wsr_inner_about_text h6{
    position: relative;
    bottom: 15px;
    color: #000;
    font-family: 'Merriweather', serif;
    font-size: 2rem;

    right: 12px;
  
    bottom: 20px;
    color: #000;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    right: 10px;
}
#vision{
    height: 160px;
    padding: 14px;
    background: #212b47;
    width: 50%;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 5px;
    /* right: -3px; */
    left: 85px;
}
.vision_inner{
        height: 220px;
    padding: 20px;
    background: #b29456;
    height: 136px;
    position: relative;
    left: -4px;
    bottom: 2px;
    width: 150px;
}
.vision_inner_text{
      padding: 34px;
      padding: 34px;
    position: relative;
    top: -13px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 135px;
    page-break-after: 20px;
    right: 13px;
    bottom: -22px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 122px;
}
.vision_inner_text h6{
      position: relative;
    bottom: 0px;
    color: #000;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    right: 15px;
}
#Mission{
    height: 160px;
    padding: 14px;
    background: #212b47;
    width: 50%;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 16px;
    /* right: -81px; */
    transform: rotateY(180deg);
    left: 85px;
}
#Mission_inner{
 height: 220px;
  padding: 20px;
    background: #b29456;
    height: 136px;
    position: relative;
    left: -4px;
    bottom: 2px;
    width: 150px;
}
#Mission_text{
     padding: 34px;
    position: relative;
    top: -14px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 135px;
    page-break-after: 20px;
    right: 13px;
    bottom: -22px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 122px;
    transform: rotateY(180deg);
}
#Mission_text h6{
       position: relative;
    bottom: 0px;
    color: #000;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    right: 30px;
}
#Mission_inner_text{
        padding: 34px;
    position: relative;
    top: -14px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 135px;
    page-break-after: 20px;
    right: 12px;
    bottom: -22px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 122px;
    transform: rotateY(180deg);

}

#Mission_inner_text h6{ 
         position: relative;
    bottom: 0px;
    color: #000;
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    right: 30px;
}
#mission_para{
    padding: 50px;    position: relative;
    top: 28px;
}
.piller_wapper {
    padding-top:30px;padding-bottom:100px;
}
.award_wapper{
    padding-top:30px;padding-bottom:50px;
}

.Director_sec_outer_wapper{
        padding: 34px;
    position: relative;
    top: -10px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 238px;
    page-break-after: 20px;
    right: 12px;
    bottom: -30px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 204px;
    transform: rotateY(180deg);
}

#Wsr_director_wapper{
    height: 250px;
    padding: 14px;
    background: #212b47;
    width: 65%;
     margin: 0 auto; 

    position: relative;
     top: 48px; 

    transform: rotateY(180deg);


    margin: 0 auto;
    text-align: center;
}
.Wsr_director_inner{
        height: 220px;
     padding: 20px;
    background: #b29456;
    height: 224px;
    position: relative;
    left: -1px;
    bottom: 1px;
    width: 255px;
}
.Wsr_director_inmg{
        padding: 34px;
    position: relative;
    top: -10px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 238px;
    page-break-after: 20px;
    right: 12px;
    bottom: -30px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 204px;
    transform: rotateY(180deg);
}
.director_img_wapper{
     position: relative;
    bottom: 25px;
    right: 26px;
    width: 220px;
    height: 185px;box-shadow: none;
}
#director_img_wapper1{
position: relative;
    bottom: 25px;
    right: 26px;
    width: 220px;
    height: 185px;box-shadow: none;
}
.Director_sec_wapper{
        height: 250px;
    padding: 14px;
    background: #212b47;
    width: 65%;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    /*top: -6px;*/
    /*right: 100px;*/
    transform: rotateY(180deg);
    margin:0 auto;
    text-align:center;
}
.Director_sec_innerwapper{
    height: 220px;
     padding: 20px;
    background: #b29456;
    height: 224px;
    position: relative;
    left: -1px;
    bottom: 1px;
    width: 255px;
}
.Director_sec_outer_wapper{
    padding: 34px;
    position: relative;
    top: -10px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-family: 'Merriweather', serif;
    background: #fff;
    width: 238px;
    page-break-after: 20px;
    right: 12px;
    bottom: -30px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    height: 204px;
    transform: rotateY(180deg);
}
/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
    background: linear-gradient(rgb(33 43 71 / 48%), rgb(33 43 71 / 45%)), url(../img/cta-bg.jpg) fixed center center;
    background-size: cover;
    padding: 120px 0;
}

.cta h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
font-family:Quintessential ;
}

.cta p {
    color: #fff;
  font-family: 'Gentium Book Plus', serif;
}

.cta .cta-btn {
    font-family: 'Merriweather', serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;

    display: inline-block;
    padding: 10px 28px;
    transition: 0.5s;
    margin-top: 10px;
    border: 2px solid #fff;
    color: #fff;
}

.cta .cta-btn:hover {
    background: #b29456;
    border: 2px solid #b29456;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 auto 25px auto;
    list-style: none;
    text-align: center;
    border-radius: 50px;
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #444444;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    font-family: "Poppins", sans-serif;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
    color: #e82d2d;
}

.portfolio #portfolio-flters li:last-child {
    margin-right: 0;
}

.portfolio .portfolio-item {
    margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-info {
    opacity: 0;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    color: #191919;
}

.portfolio .portfolio-item .portfolio-info p {
    color: #4c4c4c;
    font-size: 14px;
    margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
    position: absolute;
    right: 40px;
    font-size: 24px;
    top: calc(50% - 18px);
    color: #333333;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
    color: #cc1616;
}

.portfolio .portfolio-item .portfolio-info .details-link {
    right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
    opacity: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    position: absolute;
    transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
    color: #fff;
    margin: 0 2px;
    font-size: 28px;
    display: inline-block;
    transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
    color: #e82d2d;
}

.portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
    bottom: 20px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
    padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
    width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #cc1616;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #cc1616;
}

.portfolio-details .portfolio-info {
    padding: 30px;
    box-shadow: 0px 0 30px rgba(25, 25, 25, 0.08);
}

.portfolio-details .portfolio-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
    margin-top: 10px;
}

.portfolio-details .portfolio-description {
    padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
    padding: 0;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
    padding: 20px;
    background: #f9f9f9;
    text-align: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.pricing .box h3 {
    font-weight: 400;
    padding: 15px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #191919;
}

.pricing .box h4 {
    font-size: 42px;
    color: #cc1616;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 20px;
}

.pricing .box h4 sup {
    font-size: 20px;
    top: -15px;
    left: -3px;
}

.pricing .box h4 span {
    color: #bababa;
    font-size: 16px;
    font-weight: 300;
}

.pricing .box ul {
    padding: 0;
    list-style: none;
    color: #191919;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}

.pricing .box ul li {
    padding-bottom: 16px;
}

.pricing .box ul i {
    color: #cc1616;
    font-size: 18px;
    padding-right: 4px;
}

.pricing .box ul .na {
    color: #ccc;
    text-decoration: line-through;
}

.pricing .box .btn-wrap {
    padding: 15px;
    text-align: center;
    
}

.pricing .box .btn-buy {
    background: #cc1616;
    display: inline-block;
    padding: 10px 40px;
    color: #fff;
    transition: none;
    font-size: 18px;
    font-weight: 400;
font-family: 'Gentium Book Plus', serif;
    font-weight: 600;
    transition: 0.3s;
}

.pricing .box .btn-buy:hover {
    background: #e82d2d;
}

.pricing .featured {
    background: #cc1616;
    box-shadow: none;
    color: #fff;
}

.pricing .featured h3,
.pricing .featured h4,
.pricing .featured ul,
.pricing .featured ul li,
.pricing .featured ul .na {
    color: #fff;
}

.pricing .featured h4 span {
    color: rgba(255, 255, 255, 0.58);
}

.pricing .featured .btn-wrap {
    padding: 15px;
    text-align: center;
}

.pricing .featured .btn-buy {
    background: rgba(255, 255, 255, 0.2);
}

.pricing .featured .btn-buy:hover {
    background: #fff;
    color: #cc1616;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    background: #fff;
}

.team .member img {
    max-width: 60%;
    border-radius: 50%;
    margin: 0 0 30px 0;
}

.team .member h4 {
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 18px;
}

.team .member span {
    font-style: italic;
    display: block;
    font-size: 13px;
}

.team .member p {
    padding-top: 10px;
    font-size: 14px;
    font-style: italic;
    color: #aaaaaa;
}

.team .member .social {
    margin-top: 15px;
}

.team .member .social a {
    color: #919191;
    transition: 0.3s;
}

.team .member .social a:hover {
    color: #cc1616;
}

.team .member .social i {
    font-size: 18px;
    margin: 0 2px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
    color: #444444;
    text-align: center;
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 20px 0 30px 0;
}

.contact .info-box i {
    font-size: 32px;
    color: #cc1616;
    border-radius: 50%;
    padding: 8px;
    border: 2px dotted #f5a0a0;
}

.contact .info-box h3 {
    font-size: 20px;
    color: #777777;
    font-weight: 700;
    margin: 10px 0;
}

.contact .info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.contact .php-email-form {
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 30px;
}

.contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600;
}

.contact .php-email-form .error-message br+br {
    margin-top: 25px;
}

.contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600;
}

.contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
}

.contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    -webkit-animation: animate-loading 1s linear infinite;
    animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}

.contact .php-email-form input::focus,
.contact .php-email-form textarea::focus {
    background-color: #cc1616;
}

.contact .php-email-form input {
    padding: 10px 15px;
}

.contact .php-email-form textarea {
    padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
    background: #cc1616;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
}

.contact .php-email-form button[type=submit]:hover {
    background: #e82d2d;
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    /*padding: 1.375rem 2.75rem;*/
    font-size: 13px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        font-family: 'Merriweather', serif;
        font-weight:600;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #212b47;
    outline: 0;
    box-shadow: 0 0 0 .2remrgba(0,123,255,.25);
}
.error-border {
    border: 1px solid #ff3232!important;
}
.error-border{border: 1px solid #ff3232!important;}
            .error-placeholder::-webkit-input-placeholder {color: #ff3232}
            .error-placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                color:#ff3232;opacity:  1;
            }
            .error-placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
                color:#ff3232;opacity:  1;
            }
            .error-placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color:#ff3232;
            }
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 10px 0;
    background: #efefef;
        margin: 0 0 0rem!important;
            box-shadow: 0px 2px 12px rgb(178 148 86);
    border-bottom: 1px solid #b29456;
}


.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 0 0px 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumbs ol li+li {
    padding-left: 10px;
}

.breadcrumbs ol li+li::before {
    display: inline-block;
    padding-right: 10px;
    color: #333333;
    content: "/";
}
.breadcrumbs li:not(:last-child):after {
    position: relative;
    top: 1px;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
    display:none;
}








/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    background: #212b47;
    padding: 0 0 30px 0;
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

#footer .footer-top {
    padding: 20px 0 30px 0;
}

#footer .footer-top .footer-info {
    margin-bottom: 15px;

    color: #fff;

    text-align: center;

}

#footer .footer-top .footer-info h3 {
    font-size: 36px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
}

#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;

}

#footer .footer-top .social-links a img{ 
width: 35px;
    display: inline-block;



}

/*#footer .footer-top .social-links a:hover {*/
/*    background: #cc1616;*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*}*/

#footer .footer-top h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-bottom:10px;
 
}
.owl-buttons{
    position: absolute;
    
}
.owl-prev{
    position: relative;
    background-image:url(./assest/img/next.png);
    /* top: -75%; */
    float: right;
    bottom: 20pc;
    right: 14pc;
}
.owl-next {
    position: relative;
    bottom: 20pc;
    float: left;
    left: 70pc;
}
#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: #b29456;
    font-size: 18px;
    line-height: 1;
}

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    color: #fff!important;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
    color: #fff!important; ;
}

#footer .footer-top .footer-newsletter form {
  margin-top:20px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px;
    width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 20px;
    background: #b29456;
    color: #fff;
    transition: 0.3s;
    border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
    background: #b29456;
}

#footer .copyright {
    border-top: 1px solid #262626;
    text-align: center;
    padding-top: 30px;
}

#footer .credits {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

#footer .credits a {
    color: #b29456!important;;
}

@media (max-width: 575px) {
    #footer .footer-top .footer-info {
        margin: -20px 0 30px 0;
    }
     #footer {text-align:center;}
    #footer .footer-top .footer-links ul {text-align:center;display: inline-block;}
    .over_view_wapper { 
    width: 295px!important;
    height: 250px!important;;
    background: #212b47;
    position: relative;
        text-align: center;
    margin: 0 auto;
    z-index: 1;
    /* PADDING: 12PX; */
    RIGHT: 13PX!important;
    bottom: 8px!important;
    border-radius: 5px;
    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
}
    .over_view_wapper_imge {width: 300px; right: 42px;    bottom:7%!important;;}
}

#owl-demo .item {
    margin: 3px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo22 .item {
    margin: 3px;
}

#owl-demo22 .item img {
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo23 .item {
    margin: 3px;
}

#owl-demo23 .item img {
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo24 .item {
    margin: 3px;
}

#owl-demo24 .item img {
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo25 .item {
    margin: 3px;
}

#owl-demo25 .item img {
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo26 .item {
    margin: 3px;
}

#owl-demo26 .item img {
    display: block;
    width: 100%;
    height: auto;
}

.testimonial1 {
    margin: 0px 7px 20px;
    background-color: #fff;
    color: #23334c;
    text-align: center;
    border-left: 5px solid #23334c;
    border-right: 5px solid #23334c;
    padding: 40px 30px 40px;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
    height: 332px;
}

.testimonial1:before {
content: "";
position: absolute;
top: 0;
    left: -2px;
width: 50%;
 height: 5px;
 background-color: #23334c;
}

.testimonial1:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 50%;
    height: 5px;
    background-color: #23334c;
}

.testimonial1 .testimonial-content {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 30px;

}

.testimonial1 .pic {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    border: 1px solid #FF6F59;
}

.testimonial1 .pic img {
    width: 100%;
    height: 100%;
}

.testimonial1 .testimonial-title {
    display: inline-block;
}

.testimonial1 .testimonial-title a {
    display: block;
    color: #000;
    font-size: 22px;
    text-transform: Uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.testimonial1 .testimonial-title small {
    font-size: 15px;
    font-style: italic;
    color: #292F36;
}

/*.card {*/
/*    box-shadow: 0px 0px 5px 0px rgb(119 164 188);*/
/*}*/

.owl-theme .owl-controls {
    margin-top: 50px;
    margin-left: 30px;
    
}

.owl-theme .owl-controls .owl-page span {
    height: 15px !important;
    width: 15px !important;
    background-color: #fff !important;
    opacity: 0.8;
    border-radius: 0 !important;
    transform: rotate(45deg) !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
    
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #23334c !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}

.checked {
    color: orange;
}

.service_icons {
    fill: #000;
}

.why-us .box:hover .service_icons {
    fill: #fff;
}

.brand_image {
    position: relative;
    bottom:45px;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/*=== FADE IN DOWN ===*/
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/*=== FADE IN UP Big ===*/
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*=== FADE IN DOWN Big ===*/
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*=== FADE IN LEFT Big ===*/
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*=== FADE IN RIGHT Big ===*/
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}



@media screen and (max-width: 900px) {
   #footer .copyright {
display:none;
}
#footer .copyright1 {
    border-top: 1px solid #262626;
    text-align: center;
    padding-top: 30px;
    display:block;
}

    .testimonial1 {
        height: 350px;
    }

    .testimonial1 .testimonial-content {
        line-height: 20px;
        font-size: 12px;
    }

    .testimonial1 .testimonial-title a {
        font-size: 15px;
    }
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.popup-main #exampleModal {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 0;
    right: 0;
    width: 500px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px 0 #d2d2d2;
    border-radius: 5px;
}

.modal {
    position: fixed;
    top:0% !important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;

}
.modal-content{
    border-bottom: 4px solid #b29456;
}
/*.about_inner-page {*/
/*  width: 100%;*/
/*  height: calc(100vh - 110px);*/
/*  background: url("../videos/aboutus.mp4") top center;*/
/*  background-size: cover;*/
/*  position: relative;*/
/*}*/
.about_inner-page1 {
    background-image: url(../img/sr_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
    width: 100%;
}
.developer_inner-page {
    background-image: url(../img/developer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
    width: 100%;
}
 .de_about_text_wapper {
        display: table;
    width: 100%;
     height: calc(100vh - 290px);
}
.modal-dialog {
    max-width:650px;
}
.modal-header{
    height: 80px;
}
.nav_project{
    color:#000;
        background: #111624;
}

button.close {
    background-color: #b29456;
    opacity: 1;
    font-size: 28px;
    border-radius:20px;
}
.Project_item img{
        display: block;
    width: 100%;
    height: 190px;
}
.header_project h6{
     font-size: 16px;
    font-weight: 600;
     margin-top:10px;
    font-family: 'Merriweather', serif;
}
.ap__sdr-head{
font-family: 'Merriweather', serif;
     font-size: 25px;
}
.ap__tax-text span{
 font-family: 'Gentium Book Plus', serif;
         font-size: 18px;
}

.project_location{
         font-size:16px;
    font-weight: 500;
     margin-top:10px;
     font-family: 'PT Serif', serif;
}
.Project_item{
    margin: 8px;
}
.project_des {padding-top:10px;}
.project_des p{  font-family: 'Gentium Book Plus', serif;
    font-size: 16px;}

.project_wapper{
    border: 2px solid #b29456;
    border-right:2px solid #212b47;
    padding:10px;
    box-shadow: -1px 14px 3px -9px #212b47;
     border-radius:5px!important;
}
.project_button {
   text-align: center;
    background: #212b47;
    padding: 15px;
    width: 100%;
    border-radius: 2px;
       font-family: 'Merriweather', serif;
    letter-spacing: 1px;
    font-size:18px;
 
}

.bts a{
     background: linear-gradient(0deg, rgb(178 148 86) 0%, rgb(178 148 86) 100%); 
    line-height: 42px;
    padding: 0;
    border: none;
    position: relative;
    top: 20px;
}





.custom-btn {
    width: 130px;
    height: 40px;
    color: #fff;
    border-radius: 2px;
    padding: 10px 25px;
 font-size: 18px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
       font-family: 'Merriweather', serif;
    letter-spacing: 1px; 
}
.btn-7 {
background: linear-gradient(0deg, rgb(33 43 71) 0%, rgb(33 43 71) 100%);
    line-height: 42px;
    padding: 0;
    border: none;
        position: relative;
    top: 20px;
        font-family: 'Merriweather', serif;
    letter-spacing: 1px;
    font-size: 18px;
}
.btn-7:before {
    height: 0%;
    width: 2px;
}
.btn-7:before, .btn-7:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: rgba(251,75,2,1);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-7:hover:before {
  height: 100%;
}
.btn-7:hover:after {
  width: 100%;
}
.btn-7 span:before,
.btn-7 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(251,75,2,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7 span:before {
  width: 2px;
  height: 0%;
}
.btn-7 span:after {
  height: 2px;
  width: 0%;
}
.btn-7 span:hover:before {
  height: 100%;
}
.btn-7 span:hover:after {
  width: 100%;
}

.btn-7 span:after {
    height: 2px;
    width: 0%;
}
.btn-7:hover {
   background:rgba(33, 43, 71,1);
    background: transparent;
}
.btn-7 span:before, .btn-7 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
background:rgba(33, 43, 71,1);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-7:after {
    width: 0%;
    height: 2px;
}
.btn-7:before, .btn-7:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background:rgba(33, 43, 71,1);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-7:hover span{
    color:#212b47 !important;
}

.btn-3 {
     background: linear-gradient(0deg, rgb(178 148 86) 0%, rgb(178 148 86) 100%);
    line-height: 42px;
    padding: 0;
    border: none;
    position: relative;
    top: 20px;
}
.btn-3:before {
    height: 0%;
    width: 2px;
}
.btn-3:before, .btn-3:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
   background: rgb(178 148 86);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-3:hover:before {
  height: 100%;
}
.btn-3:hover:after {
  width: 100%;
}
.btn-3 span:before,
.btn-3 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
     background: rgb(178 148 86);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-3 span:before {
  width: 2px;
  height: 0%;
}
.btn-3 span:after {
  height: 2px;
  width: 0%;
}
.btn-3 span:hover:before {
  height: 100%;
}
.btn-3 span:hover:after {
  width: 100%;
}

.btn-3 span:after {
    height: 2px;
    width: 0%;
}
.btn-3:hover {
    background: rgb(178 148 86);
    /*background: transparent;*/
        color: #fff;
}
.btn-3 span:before, .btn-3 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
     background: rgb(255 255 255);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-3:after {
    width: 0%;
    height: 2px;
}
.btn-3:before, .btn-3:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
      background: rgb(255 255 255);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.ps-sp-top h6{
    font-size: 28px;
    text-align: center;
}
.ps-sp-bot h6{
    font-size: 28px;
    text-align: center;
}
 .wapper_ab12{
   height: 215px;
    padding: 14px;
    background: #212b47;
    width: 60%;
    /* margin: 0 auto; */
    float: right;
 }  
.wapper_inner_ab_left12{
height: 220px;
    padding: 20px;
    background: #b29456;
    width: 120px;
    position: relative;
    left: 116px;
    bottom: 4px;

}
.mission_img1  .ws_icon{

    box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
    border-radius: 2px;
    position: relative;
    bottom: 9px;
    right: 180px;
    height: 230px;
    width: 270px;
background:#fff;

}

.ws_icon img{
    
    width: 200px;
    position: relative;
    top: 10px;

}




.btn-4 {
     background: linear-gradient(0deg, rgb(178 148 86) 0%, rgb(178 148 86) 100%);
    line-height: 42px;
    padding: 0;
    border: none;
    position: relative;
    top: 20px;
    font-size: 18px;
}
.btn-4:before {
    height: 0%;
    width: 2px;
}
.btn-4:before, .btn-4:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
   background: rgb(178 148 86);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-4:hover:before {
  height: 100%;
}
.btn-4:hover:after {
  width: 100%;
}
.btn-4 span:before,
.btn-4 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
     background: rgb(33 43 71);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-4 span:before {
  width: 2px;
  height: 0%;
}
.btn-4 span:after {
  height: 2px;
  width: 0%;
}
.btn-4 span:hover:before {
  height: 100%;
}
.btn-4 span:hover:after {
  width: 100%;
}

.btn-4 span:after {
    height: 2px;
    width: 0%;
}
.btn-4:hover {
    background: rgb(33 43 71);
    /*background: transparent;*/
        color: #fff;
}
.btn-4 span:before, .btn-4 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
background: rgb(33 43 71);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-4:after {
    width: 0%;
    height: 2px;
}
.btn-4:before, .btn-4:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
   background: rgb(33 43 71);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}




















.custom-btn1 {
    width: 130px;
    height: 40px;
    color: #fff;
    border-radius: 2px;
    padding: 10px 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
}
.btn-6 {
    background: linear-gradient(0deg, rgb(33 43 71) 0%, rgb(33 43 71) 100%);
    line-height: 42px;
    padding: 0;
    border: none;
        position: relative;
    top: 50px;
        position: relative;
    margin-bottom: 12px;
    color:#fff;
}
.btn-6:before {
    height: 0%;
    width: 2px;
}
.btn-6:before, .btn-6:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: rgba(178 ,148 ,86,1);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-6:hover:before {
  height: 100%;
}
.btn-6:hover:after {
  width: 100%;
}
.btn-6 span:before,
.btn-6 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
   background: rgba(178 ,148 ,86,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-6 span:before {
  width: 2px;
  height: 0%;
}
.btn-6 span:after {
  height: 2px;
  width: 0%;
}
.btn-6 span:hover:before {
  height: 100%;
}
.btn-6 span:hover:after {
  width: 100%;
}

.btn-6 span:after {
    height: 2px;
    width: 0%;
}
.btn-6:hover {
   /*background: rgba(178 ,148 ,86,1);*/
    background: transparent;
}
.btn-6 span:before, .btn-6 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
   background: rgba(178 ,148 ,86,1);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
.btn-6:after {
    width: 0%;
    height: 2px;
}
.btn-6:before, .btn-6:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
     background: rgba(178 ,148 ,86,1);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}













.project_button  a{
    color:#fff;
}


.inner_wapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.inner_wapper p {
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.about_text_wapper {
    display: table;
    width: 100%;
    height: calc(100vh - 260px);
}

.over_view_wapper {
    width: 375px;
    height: 350px;
    background: #212b47;
    position: relative;
    z-index: 1;
    /* PADDING: 12PX; */
    RIGHT: 26PX;
    bottom: 25px;
    border-radius: 5px;
        box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
}

.over_view_wapper_imge {
    position: ABSOLUTE;
  bottom: 13%;
    Z-INDEX: 2;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-top: 4px solid #212b47;
    border-right: 4px solid #212b47;
    border-bottom: 4px solid #212b47;
        box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);

}
.text-right{
  text-align:right;
}
.text-left{
  text-align:left;
}
.mission_img img{
      box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
      border-radius:2px;
      position:relative;
        bottom: 30px;
    right: 10px;
}
.job-card-header {
    display: flex;
    align-items: flex-start;
}
.job-card svg {
    width: 46px;
    padding: 10px;
    border-radius: 8px;
}
.job-card-title {
    font-weight: 600;
    margin-top: 16px;
    font-size: 14px;
}
.job-card-subtitle {
    color: var(--subtitle-color);
    font-size: 13px;
    margin-top: 14px;
    line-height: 1.6em;
}
.detail-button {
    background-color: var(--active-light-color);
    color: var(--active-color);
    font-size: 11px;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px;
}
.search-buttons {
    border: none;
    color: var(--button-color);
    background-color: var(--active-color);
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 14px;
}
.job-card-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 4px;
}
.card-buttons-msg {
    background-color: var(--inactive-color);
    color: var(--subtitle-color);
}
.card-buttons, .card-buttons-msg {
    padding: 10px;
    width: 100%;
    font-size: 12px;
    cursor: pointer;
}
.why-us .box1 {
    padding: 20px 30px;
    box-shadow: 0px 2px 15px rgb(33 43 71 / 73%);
    transition: all ease-in-out 0.3s;
    border-bottom: 4px solid #b29456;
}
.why-us .box1:hover {
     background: #b2945652;;
    padding: 30px 30px 50px 30px;
    box-shadow: 10px 15px 30px rgb(0 0 0 / 18%);
}
.icon_wapper{
  border-bottom:3px solid #b29456;
}
.developer_des{
  padding:10px;
  font-size:14px;
font-family: 'Gentium Book Plus', serif;
}
.name_developer{
  margin-top: 20px;
    margin-bottom: 20px;
     font-family: 'PT Serif', serif;
}
.icon_wapper img{
      width:180px;
          margin-bottom: 5px;
              text-align: center;
    margin: 0 auto;
} 
.name_developer span{
  font-size: 20px;
}
.pro_wapper{
  border: 2px solid #b29456;
    padding: 12px 0; text-align: center;
}
.pro_wapper1{
  border-left:0px;
   border-top: 2px solid #b29456;
    border-bottom: 2px solid #b29456;
       border-right: 2px solid #b29456;
          padding: 12px 0; text-align: center;
}
.pro_wapper .pro_wapper_data{
  font-weight: 600; font-size: 15px; color: black; padding-right: 5px;font-size: 15px;
}
.why-us .box1:hover .pro_wapper {
    border: 1px solid #b29456;}
.why-us .box1:hover .pro_wapper1 {
    border-left:0px;
   border-top: 1px solid #b29456;
    border-bottom: 1px solid #b29456;
       border-right: 1px solid #b29456;
         }

    .testimonial_blog {
    margin: 0px 7px 20px;
    background-color: #fff;
    color: #23334c;
    text-align: center;


    position: relative;
  
    height:auto;
}

 .testimonial_blog .testimonial-content img{
    height: 450px;
    width: 100%;
 }
.testimonial_blog .testimonial-content {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 30px;
}

.testimonial_blog .pic {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    border: 1px solid #FF6F59;
}

.testimonial_blog .pic img {
    width: 100%;
    height: 100%;
}

.icon_wapper1 img{
    
          margin-bottom: 5px;
              text-align: center;
    margin: 0 auto;
} 

.testimonial_blog .testimonial-title {
    display: inline-block;
}

.testimonial_blog.testimonial-title a {
    display: block;
    color: #FF6F59;
    font-size: 22px;
    text-transform: Uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.testimonial_blog .testimonial-title small {
    font-size: 15px;
    font-style: italic;
    color: #292F36;
}
.box-time {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    grid-auto-columns: auto;
    grid-column-gap: 5.8em;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
#blog_date{
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}
.data {
    color: #000;
    font-size: 14px;
    line-height: 120%;
    font-weight: 700;
    text-transform: uppercase;
}

.time {
       color: #1e1b1b;
    font-size: 14px;
    line-height: 120%;
    font-weight: 600;
    text-transform: uppercase;
}
.blog_text{
    font-size:20px;font-size: 20px;background: #b29456;width:100%;position: relative;top: -35px;padding:20px;color:#fff;text-align:left;
}
.testi{

    box-shadow: 10px 15px 30px rgb(0 0 0 / 5%);
border: 1px solid #b29456;
}
.lt_des{padding:20px;}
.wapper_ab{
    padding:15px;
    background:#212b47;
    width: 78%;
 height:215px;
   
}

  .pillor_ws_inner span{
      font-size: 25px;
         color: #212b47;
  }  
  .pillor_ws_inner p{
       font-size: 16px;
    
  }
 .pi_number{
     display: inline-flex;
    margin: 12px;
    font-weight: 800;
        color: #212b47;
 }


.pillor_ws_inner{
 display: inline-block;
    width: 32%;
    padding: 20px 28px;
    box-shadow: 0px 2px 15px rgb(33 43 71 / 65%);
    transition: all ease-in-out 0.3s;
    background: #f5f5f5;
    margin: 5px;
    border-right: 2px solid #b29456;
    border-bottom: 1px solid #212b47;
}
.pillor_ws_inner:hover {
    background: #b2945652;
    padding: 30px 30px 50px 30px;
    box-shadow: 10px 15px 30px rgb(0 0 0 / 18%);
}

.source{
    font-size:12px;
font-family: 'Gentium Book Plus', serif;
}
.pillor_ws{
    display:block;
 
    margin: 2px;
}
.wapper_ab_di{
    padding:20px;
    background: #212b47;
    width:50%;

}

.tablinks:hover::after{
    content: "";
    position:relative;
  
    /* right: 6px; */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f90;
    display: block;
    width: 30%;
    left:106.5%;
    bottom:15px;

}

.wapper_inner_ab{
     padding: 20px;
    background:#b29456 ;
    width: 120px;
}
.wapper_inner_ab_left{
        padding:20px;
    background: #b29456;
    width: 120px;
    position: relative;
    left: 68%;
    transform: rotate(180deg);
}
.wapper_inner_ab_left1{
    height: 300px;
        padding: 20px;
    background: #b29456;
    width: 120px;
    position: relative;
        left: 67%;
    transform: rotate(180deg);
    /* top: -5px
px
; */
    bottom: 5px;
}
 .wapper_inner_ab_left_img{
    transform: rotate(180deg);
}
.sert_address{
    box-shadow: 0px 2px 15px rgb(33 43 71 / 73%);
    padding: 20px;
    border-bottom: 3px solid #b29456;
    max-width:30%;
margin-left: 20px;
    transition: all ease-in-out 0.3s;
}    
.sert_address:hover{
       background:#b2945652;
       color:#000;
           transition: all ease-in-out 0.3s;
}

    .address_logo img{
        width: auto;
    /*background: #212b47;*/
    height: 150px;
    }
    .img_wapper{
          margin: 0 auto;
    text-align: center;
    }
    .img_wapper img{
        width:200px;height: 200px;
    }
.social-links img{
    width: 35px;
    padding-left: 4px;
    
}
    .contact li:first-child {
        background: url(assets/img/icons/phone.png) left center no-repeat;
        background-size: contain;
    }

    .contact .email {
        background: url(assets/img/icons/email.png) left center no-repeat;
        background-size: contain;
    }

    .contact {
        list-style-type: none;
    }

    .contact li {
        list-style: none;
        text-transform: uppercase;
        margin: 0 0 2rem;
        height: 5.4rem;
        padding: 1.2rem 0 0 7rem;
    }

    .contact li span {
        display: block;
        color: #233746;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 24px;
    }

    .contact li small {
        display: block;
        color: #233746;
        font-size: 16px;
        font-size: 1rem;
    }

    .learn-more.alt {
        background: #b29456;
        border-color: #b29456;
        color: #fff;
            line-height: 10px;
    }

    .learn-more {
        display: inline-block;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 600;
        font-family: Calibri, sans-serif;
        color: #233746;
        border: 1px solid #233746;
        text-transform: uppercase;
        padding: 11px 2rem 10px;
        letter-spacing: 2px;
        background: 0 0;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .contact-address {
        border: 1px solid #f0f0f0;
        margin: 0;
        overflow: hidden;
        height: 100%;
        border: 2px solid #b29456;
    border-right: 2px solid #212b47;
    padding:20px;
    }

    /*.contact-address>div:nth-child(1) {*/
    /*    position: relative;*/
    /*    display: table;*/
    /*    height: 100%;*/
    /*}*/

    .contact-address>div {
        width: 50%;
        float: left;
        vertical-align: middle;
    }

    .contact-address>div:nth-child(1)>div {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        text-align: center;
    }

    .contact-address>div:nth-child(1)>div img {
        max-width: 60%;
        max-height: 7rem;
    }

    .contact-address>div:nth-child(2) {
        position: relative;
    }

    .contact-address>div {
        width: 50%;
        float: left;
        vertical-align: middle;
    }

    /*.contact-address>div:nth-child(2):before {*/
    /*    content: '';*/
    /*    display: block;*/
    /*    width: 1rem;*/
    /*    height: 1rem;*/
    /*    background: #b29456;*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*}*/

    /*.contact-address>div:nth-child(2) address {*/
    /*    padding: 0 4rem 1rem 0;*/
    /*    min-height: 9.25rem;*/
    /*    margin: 0;*/
    /*    overflow: hidden;*/
    /*}*/

    address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
    }

    .contact-address>div:nth-child(2) address p {
        color: #233746;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1rem;
        margin: 0 0 1rem;
    }

    .contact-address>div:nth-child(2) address p strong {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.125rem;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        margin: 2rem 0 0.25rem;
    }



    .contact-address>div:nth-child(2) address p {
        color: #233746;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1rem;
        margin: 0 0 1rem;
    }

    .contact-address>div:nth-child(2) address p {
        color: #233746;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1rem;
        margin: 0 0 1rem;
    }

    .contact-address>div:nth-child(2) address p i {
        margin-right: 0.5rem;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-filter: FlipH;
        filter: FlipH;
        -ms-filter: FlipH;
    }

    .fa-phone:before {
        content: "\f095";
    }
    .intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 45px;
    padding-left: 50px;
    margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image:url("../img/flags.png")!important;
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
.s1_close{
padding: 10px!important;
    margin: 0 auto;
    position: relative;
    left: 4px!important;
    top: -6px!important;
    background: #b29456;
    border-radius: 50px;
    opacity: 0.8!important;
}


/*@media onl
y screen and (-webkit-min-device-pixel-ratio: 2),*/
/*only screen and (min--moz-device-pixel-ratio: 2),*/
/*only screen and (-o-min-device-pixel-ratio: 2 / 1),*/
/*only screen and (min-device-pixel-ratio: 2),*/
/*only screen and (min-resolution: 192dpi),*/
/*only screen and (min-resolution: 2dppx) {*/
/*  .iti-flag {*/
/*    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags@2x.png");*/
/*  }*/
/*}*/

.iti-flag.np {
  background-color: transparent;
  /*  background-image:url("../img/flags.png")!important;*/
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


pre {
  margin: 0 !important;
  display: inline-block;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  background: none;
}

input,
button {
  height: 35px;
  margin: 0;
  padding: 6px 12px;
  border-radius: 2px;
  font-family: inherit;
  font-size: 100%;
  color: inherit;
}

input[disabled],
button[disabled] {
  background-color: #eee;
}

input,
select {
  border: 1px solid #CCC;
  width: 250px;
}

::-webkit-input-placeholder {
  color: #BBB;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #BBB;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #BBB;
}

button {
  color: #FFF;
  background-color: #428BCA;
  border: 1px solid #357EBD;
}

button:hover {
  background-color: #212b47;
  border-color: #212b47;
  cursor: pointer;
}

#result {
  margin-bottom: 100px;
}
.error-border {
    border: 1px solid #ff3232!important;
}


/*--------careerpage-------*/
            .career_wapper{
            background-image: url(../img/gallery/carrer.jpg);
                background-size: cover;
        background-repeat: no-repeat;
        height: 60vh;
        width: 100%;
        }
        .career_outer{display: table;
        width: 100%;
       height: calc(100vh - 285px);
        text-align: center;}


        .career_inner_wapper {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    .career_inner_wapper p{
        line-height: 50px;
        font-size: 40px;
        text-shadow: 2px 2px #212b47;color: #fff;
        text-align: center;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 94%;
        opacity: 0;
        transition: .5s ease;
        background-color: #b29456b5;
    }

    .project_image:hover  .overlay {
      opacity: 1;
    }

    .text {
      color: white;
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
    }
    .js-kw {
      position: relative;
      margin-left: -15px;
      width: calc(100% + 30px);
    }
.icon_1{
    fill:#da6b57;
    
}
.icon_2{
    fill:#d9b532;
    
}
.icon_3{
    fill:#36c3d9;
    
}
.icon_4{
    fill:#45c59a;
    
}
.icon_5{
    fill:#ba2c7b;
    
}
.icon_6{
    fill:#8547d2;
    
}
.icon_7{
    fill:#3f65cf;
    
}
.icon_8{
    fill:#1fde48;
    
}
.icon_9{
    fill:#cf742e;
    
}
.service_icons1{  fill:#da6b57;}
.service_icons2{    fill:#d9b532;}
.service_icons3{   fill:#36c3d9;}
.text_u_content p {
    text-align: justify;
}

.about-content-wrap{
        margin: 0 auto;
    position: relative;
    top: 20%;
}
    .know {
      background:#b2945652;
      width: calc(100% - 16px);
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      color: #36464e !important;
      margin: 0 15px 30px;
      transition: none;
    }
    .know:hover, .know:focus {
      color: #fff !important;
    }
    .know:hover .know__info, .know:focus .know__info {
      color: #fff;
    }
     .know:hover  .know__title, .know:focus .know__title {
      color: #fff;
    }
    /*.know:hover svg, .know:focus svg {*/
    /*  fill: #fff;*/
    /*}*/
    svg{
     
        position: relative;
        z-index: 1;
    }
    .founder_image{
         height: 300px;
        width: 300px;
        border-bottom-left-radius: 50px;
        border-top-right-radius: 50px;
        box-shadow: 0px 0px 10px 0px rgb(50 65 109);
        margin: 0 auto;
    }
       .useful {
      position: relative;
      padding: 0 15px;
      transition: all 0.4s;
    }
    .useful:hover, .useful:focus {
      text-decoration: none;
    }
    .useful__wrap {
      padding: 16px 18px;
      position: relative;
      background: #b2945652;
      height: 100%;
      width: 100%;
      transition: all 0.4s;
    }
    .useful__wrap:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 3px;
      transition: all 0.4s;
      z-index: 1;
    }

    .useful__wrap.cYellowLight:before {
          background-color: #23334c;
    }
    .useful__wrap.cYellowLight:before svg {
          fill: #fff;
    }
    .useful__wrap:hover, .useful__wrap:focus {
      text-decoration: none;
    }
    .useful__wrap:hover:before, .useful__wrap:focus:before {
      width: 100%;
    }
    .useful__wrap:hover.cBrownLight, .useful__wrap:focus.cBrownLight {
      box-shadow: 0 28px 48px -25px #785447;
    }
    .useful__wrap:hover.cPurpleBlue, .useful__wrap:focus.cPurpleBlue {
      box-shadow: 0 28px 48px -25px #3e50b4;
    }
    .useful__wrap:hover.cRedLight, .useful__wrap:focus.cRedLight {
      box-shadow: 0 28px 48px -25px #f34235;
    }
    .useful__wrap:hover.cPink, .useful__wrap:focus.cPink {
      box-shadow: 0 28px 48px -25px #e81d62;
    }
    .useful__wrap:hover.cYellowLight, .useful__wrap:focus.cYellowLight {
      box-shadow: 0 28px 48px -25px #23334c;
    }

    .know__title {
      font-size: 24px;
      width: 100%;
      margin-bottom: 18px;
      position: relative;
      z-index: 1;
      transition: none;
      color: #000;
      top: 5px;
        font-family: 'Merriweather', serif;
    }
    .know__info {
      font-size: 14px;
      color: #000;
      position: relative;
      z-index: 1;
      transition: none;
font-family: 'Gentium Book Plus', serif;
    }
    .know-s {
      width: calc(25% - 30px);
      height: 155px;
    }
    .know-long {
      width: calc(50% - 30px);
      height: 155px;
    }
    .know-middleS {
      width: calc(50% - 32px);
      height: 155px;
    }
    .know-middleB {
      width: calc(50% - 32px);
      height: 340px;
    }
    .know-hf {
      width: calc(50% - 30px);
      height: 155px;
    }
 
    .box_job_inner{
        padding: 20px 30px;
        box-shadow: 0px 2px 15px rgb(33 43 71 / 73%);
        transition: all ease-in-out 0.3s;
        border-bottom: 4px solid #b29456;
    }
    .box_job_inner p{
       font-family: 'Gentium Book Plus', serif;
    }
    .wp_why{
        padding-top:50px;
         padding-bottom:50px;
    }
    .department_opening{
             padding-top:50px;
         padding-bottom:50px;
    }
    ol {
  margin: 0;
  list-style: none;
  padding: 0;
  --hue: 1;
  --unit: 1rem;
}

.event-date {
  margin: 0 0 0.25rem;
  font-weight: bold;
}
.event-description {
  margin: 0;
      font-size: 14px;
}
.service_inner_data  li {
  --height: 7rem;
  position: relative;
  display: block;
  background-color: hsl(calc(var(--hue)*360/20),90%,65%);
  border-color: hsl(calc(var(--hue)*360/20),90%,65%);
  padding: 1rem;
  margin: 2rem 0;

}

.service_inner_data  li::before {
  content: "";
     background-color: #212b47;
  position: absolute;
  display: block;
  width: var(--unit);
  height: var(--unit);
  top: 100%;
  left: calc(50% - (var(--unit)/2));
}
.service_inner_data  li::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(100% + var(--unit));
  left: calc(50% - (var(--unit)));
  border: var(--unit) solid transparent;
 border-top-color: #b29456;
}
.service_inner_data  li:last-child::before,
.service_inner_data li:last-child::after {
  content: none;
}
.service_inner_data li:nth-child(20n+1){
  --hue: 1;
}
.service_inner_data li:nth-child(20n+2){
  --hue: 2;
}
.service_inner_data li:nth-child(20n+3){
  --hue: 3;
}
.service_inner_data li:nth-child(20n+4){
  --hue: 4;
}
.service_inner_data li:nth-child(20n+5){
  --hue: 5;
}
.service_inner_data li:nth-child(20n+6){
  --hue: 6;
}
.service_inner_data li:nth-child(20n+7){
  --hue: 7;
}
.service_inner_data li:nth-child(20n+8){
  --hue: 8;
}
.service_inner_data li:nth-child(20n+9){
  --hue: 9;
}
.service_inner_data li:nth-child(20n+10){
  --hue: 10;
}
.service_inner_data li:nth-child(20n+11){
  --hue: 11;
}
.service_inner_data li:nth-child(20n+12){
  --hue: 12;
}
.service_inner_data li:nth-child(20n+13){
  --hue: 13;
}
.service_inner_data li:nth-child(20n+14){
  --hue: 14;
}
.service_inner_data li:nth-child(20n+15){
  --hue: 15;
}
.service_inner_data li:nth-child(20n+16){
  --hue: 16;
}
.service_inner_data li:nth-child(20n+17){
  --hue: 17;
}
.service_inner_data li:nth-child(20n+18){
  --hue: 18;
}
.service_inner_data li:nth-child(20n+19){
  --hue: 19;
}
.service_inner_data li:nth-child(20n+20){
  --hue: 20;
}
@media (min-width: 550px) and (max-width: 899px){
  .service_inner_data  li {
    margin: 1rem;
    width: calc(50% - 4rem);
    float: left;
    min-height: var(--height);
  }
  .service_inner_data li:nth-child(4n+3),
  .service_inner_data li:nth-child(4n+4) {
    float: right;
  }
  .service_inner_data li:nth-child(4n+1)::before {
    top: calc(var(--height)/2 + var(--unit)/2);
    left: 100%;
  }
  .service_inner_data li:nth-child(4n+1)::after {
    top: calc(var(--height)/2);
    left: calc(100% + (var(--unit)));
    border: var(--unit) solid transparent;
    border-left-color: inherit;
  }
  .service_inner_data li:nth-child(4n+3)::before {
    top: calc(var(--height)/2 + var(--unit)/2);
    left: -1rem;
  }
  .service_inner_data li:nth-child(4n+3)::after {
    top: calc(var(--height)/2);
    left: -3rem;
    border: var(--unit) solid transparent;
    border-right-color: inherit;
  }
}
@media (min-width: 900px) and (max-width: 1199px){
  .service_inner_data li {
    margin: 1rem;
    width: calc(33.33% - 4rem);
    float: left;
    min-height: 7rem;
  }
  .service_inner_data li:nth-child(6n+4),
  .service_inner_data li:nth-child(6n+5),
  .service_inner_data li:nth-child(6n+6) {
    float: right;
  }
  .service_inner_data li:nth-child(6n+1)::before,
  .service_inner_data li:nth-child(6n+2)::before {
    top: calc(var(--height)/2 + var(--unit)/2);
    left: 100%;
  }
  .service_inner_data li:nth-child(6n+1)::after,
  .service_inner_data li:nth-child(6n+2)::after {
    top: 3.5rem;
    left: calc(100% + (var(--unit)));
    border: var(--unit) solid transparent;
    border-left-color: inherit;
  }
  .service_inner_data li:nth-child(6n+4)::before,
  .service_inner_data li:nth-child(6n+5)::before{
    top: calc(var(--height)/2 + var(--unit)/2);
    left: -1rem;
  }
  .service_inner_data li:nth-child(6n+4)::after,
  .service_inner_data li:nth-child(6n+5)::after{
     top: calc(var(--height)/1.2);
    left: -3rem;
    border: var(--unit) solid transparent;
    border-right-color: inherit;
  }
}
@media (min-width: 1200px){
  ol {
    max-width: 1600px;
    margin: 0 auto;
  }
  .service_inner_data li {
    margin: 1rem;
    width: calc(25% - 2rem);
    float: left;
    min-height: 15rem;
    border-radius: 5px;
        box-shadow: 0px 2px 15px rgb(33 43 71 / 73%);
    background: #fff;
    border-bottom: 3px solid #b29456;
  }
  .service_inner_data li:nth-child(8n+5),
  .service_inner_data li:nth-child(8n+6),
  .service_inner_data li:nth-child(8n+7),
  .service_inner_data li:nth-child(8n+8){
    float: right;
  }
  .service_inner_data li:nth-child(8n+1)::before,
  .service_inner_data li:nth-child(8n+2)::before,
  .service_inner_data li:nth-child(8n+3)::before{
 top: calc(var(--height)/1.2 + var(--unit)/2.02);
    left: 100%;
  }
  .service_inner_data li:nth-child(8n+1)::after,
  .service_inner_data li:nth-child(8n+2)::after,
  .service_inner_data li:nth-child(8n+3)::after{
    top: calc(var(--height)/1.2);
    left: calc(100% + (var(--unit)));
    border: var(--unit) solid transparent;
    border-left-color: #b29456;
  }
  .service_inner_data li:nth-child(8n+5)::before,
  .service_inner_data li:nth-child(8n+6)::before,
  .service_inner_data li:nth-child(8n+7)::before {
   top: calc(var(--height)/1.2 + var(--unit)/2.02);
    left: -1rem;
  }
  .service_inner_data li:nth-child(8n+5)::after,
  .service_inner_data li:nth-child(8n+6)::after,
  .service_inner_data li:nth-child(8n+7)::after {
    top: calc(var(--height)/1.2);
    left: -3rem;
    border: var(--unit) solid transparent;
    border-right-color:#b29456;
        border-left-color: #b29456;
  }
}
.director_name{
    font-size:30px;
font-family: 'PT Serif', serif;
}
.director_des_img{
     position: relative;
    bottom:0px;
    right: 180px;
    height: 230px;
    width: 270px;
}
.wapper_ab12sp{
    height: 215px;
     padding: 14px;
    background: #212b47;
    width: 60%;
    /* margin: 0 auto; */
    float:left;
}
.des_buying {
font-family: 'PT Serif', serif;
}

.des_buying p{
       font-family: 'Gentium Book Plus', serif;
}


.wapper_inner_ab_leftsp{
    height: 220px;
    padding: 20px;
    background: #b29456;
    width: 120px;
    position: relative;
   right:4px;
    bottom: 4px;
}
.director_des_imgsp{
    position: relative;
    bottom: 10px;
    /* right: 180px; */
    height: 230px;
    width: 270px;
    right: 10px; 
}
.leader_about{
font-family: 'Gentium Book Plus', serif;
}

.service_inner-page {
    /* background-image: url(../img/map_2.jpg); */
    background-image: url(../img/gallery/servicepage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
    /* height: 55vh; */
    width: 100%;
}

.address_inner{
border: 2px solid #b29456;
    border-right: 2px solid #212b47;
    padding: 10px;
      box-shadow: -1px 14px 3px -9px #212b4787;
}
 .index_wapper{font-size:55px;text-align:center; line-height: 50px;font-family: 'Gulzar', serif;margin-bottom:20px;}
 .index_wapper1{font-size:30px;text-align:center; line-height: 25px;font-family: 'Charm', cursive;letter-spacing:0.5px;color:#b29456;;margin-bottom:2px;
    font-weight: 600;}
    
     .index_wapper12{font-size:55px;text-align:center; line-height: 50px;font-family: 'Gulzar', serif;
    position: relative;
    top: 44px;
}
 .index_wapper2{font-size:30px;text-align:center; line-height: 25px;font-family: 'Charm', cursive;letter-spacing:0.5px;color:#b29456;;margin-bottom:2px;
    font-weight: 600;
    position: relative;
    top: 44px;
}

 .index_wapper3{font-size:30px;text-align:center; line-height: 25px;font-family: 'Charm', cursive;letter-spacing:0.5px;color:#b29456;;margin-bottom:2px;
    font-weight: 600;
    position: relative;
    top:120px;
}

  .index_wapper2:before {       content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 100px;
    height: 2px;
    background-color: #b29456;
    margin-left: -50px;}

 .section-title  .project_header{font-size: 30px;text-align: center;line-height: 24px; font-family: 'PT Serif', serif;font-weight: 700;}

 fieldset{ display:flex;} 
  /*.phone_wapper{width:128%!important;}*/
  #phone{width:100%;}
 /*#contact_form_message{width:565px;}*/
  #contact_wapper ul li h5{font-size:30px;}
.zoom-in-zoom-out {
  text-align: center;
  animation: zoom-in-zoom-out 2s ease-in-out infinite;
}

.zoom-in-zoom-out1 {
  text-align: center;
  animation: zoom-in-zoom-out 10s ease-in-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

@media only screen and (max-width: 600px) {
.des_buying p {
    font-family: 'Gentium Book Plus', serif;
    font-size: 19px;
}
.about_text_content p{font-size: 15px!important;}
    
        .portfolio-gallery ul {
       display:inline-block!important; 
    margin-bottom: 10px;
}
.portfolio-gallery {
    padding: 20px;
    width: 100%!important; ;
    margin: 0 auto!important; ;
}
    
    .hr-theme-slash-2 {
        display: flex;
        position: relative;
        top: 0px !important;
        width: 80% !important;
        text-align: center;
        margin: 0 auto;
    }
    .ps-sp-top h6 {
    font-size: 28px;
    text-align: center;
    top: 2px;
    position: relative;
}
   .ps-sp-bot h6 {
    font-size: 28px;
    text-align: center;
    top: 2px;
    position: relative;
}
    #myVideo {
    position: relative;
    right: 0;
    bottom: -30px;
    min-width: 100%;
    min-height: 100%;
    /* margin-top: 12px; */
    z-index: -9999;
    height: 50vh;
}
 fieldset{ display:block;} 


.in_wp_content {
    padding: 5px;
    /* position: relative; */
    /* top: 81px; */
    padding-top: 80px;
}





section {
    padding: 10px 0;
    overflow: hidden;
}

#myVideo_about_rs{
    display:block;
}
#myVideo_about{
    display:none;
}
.about_inner-page_videors{
    display:block;
}
.about_inner-page_video{
    display:none;
}



    #preloader img {
    content: "";
    position: fixed;
    bottom: 50%!important;;
    left: 5%!important;
    /* border: 6px solid #cc1616; */
    /* border-top-color: #efefef; */
    /* border-radius: 50%; */
    /* width: 60px; */
    /* height: 60px; */
    width: 350px;
    animation: zoom-in-zoom-out 1s ease infinite;
}


#preloader {    height: 100vh;}
.about_inner-page1 {
    background-image: url(../img/sa.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 25vh;
    width: 100%;
}

 



    #header {
        padding: 0px 0px !important;
    }

    .section-title {
        margin-top: 24px !important;
    }

    .section-title1 h2 {
        font-size: 24px !important;
    }

    .about .section-title h2 {
        margin-top: 30px;
    }


    .index_wapper {
        font-size: 40px !important;
        line-height: 40px;
    }

    .index_wapper1 {
        font-size: 24px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 20px !important;
    }

    .section-title .project_header {
        font-size: 26px;
        text-align: center;
        line-height: 34px;
        font-family: sans-serif;
    }

    .project_des {
        float: left;
    }

    .why-us .box {
        width: 100% !important;
    }

    .why-us .box1:hover .pro_wapper1 {
        border-left: 1px solid #b29456;
        border-top: 1px solid #b29456;
        border-bottom: 1px solid #b29456;
        border-right: 1px solid #b29456;
        position: relative;
        top: 5px;
    }

    .pro_wapper1 {
        border-left: 2px solid #b29456;
        border-top: 2px solid #b29456;
        border-bottom: 2px solid #b29456;
        border-right: 2px solid #b29456;
        position: relative;
        top: 5px;
    }

    .dev_part {
        margin-bottom: 20px;
    }

    .wapper_ab12 {
        height: 215px;
        padding: 14px;
        background: #212b47;
        width: 75%;
        text-align: center;
        margin: 0 auto;
        right: 25px !important;
        position: relative;
    }

    .vision {
        height: 200px;
        padding: 14px;
        background: #ac8f55;
        width: 78%;
        margin: 0 auto;
    }

    .vision_inner_wapper {
        height: 210px;
        padding: 20px;
        background: #212b47;
        width: 120px;
        position: relative;
        left: -4px;
        bottom: 5px;
    }

    .vision_img {
        box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
        border-radius: 2px;
        position: relative;
        bottom: 7px;
        right: 10px;
        width: 280px;
    }

    /*.wapper_ab1 {*/
    /*    height: 200px;*/
    /*    padding: 14px;*/
    /*    background: #212b47;*/
    /*    width: 78%;*/
    /*    margin: 0 auto;*/
    /*    position: relative;*/
    /*    right: 25px !important;*/
    /*}*/

    .wapper_inner_ab_left1 {
        height: 210px;
        padding: 20px;
        background: #b29456;
        width: 120px;
        position: relative;
        left: 55%;
        transform: rotate(180deg);
        bottom: 5px;
    }

    .mission_img img {
        box-shadow: 0px 2px 9px rgb(33 43 71 / 96%);
        border-radius: 2px;
        position: relative;
        bottom: 34px;
        right: 10px;
        width: 285px;
    }

    .tab {
        width: 90% !important;
        height: 100px;
        margin: 0 auto;
    }

    .tabcontent {
        float: left !important;
        padding: 35px 5px !important;
        width: 100% !important;
        border-left: none;
        height: 550px !important;
        display: none;
        position: relative;
        left: 0px !important;
        border-bottom: 0px solid #212b47 !important;
        border-right: 0px solid #b29456 !important;
    }

    .wapper_ab12sp {
        height: 215px;
        padding: 14px;
        background: #212b47;
        width: 75%;
        margin: 0 auto;
        position: relative;
        left: 35px;
    }

    .leader_about {
        padding-top: 50px;
        text-align: justify;
    }

    .useful__wrap {
        padding: 14px 11px;
        position: relative;
        background: #b2945652;
        height: 100%;
        width: 90% !important;
        transition: all 0.4s;
        margin: 0 auto !important;
    }

    .blog-card {
        padding: 10px !important;
        position: relative;
    }

    .blog-card .blog-card__info p {
        font-size: 10px !important;
    }

    .blog-card .blog-card__info h5 {
        font-size: 12px !important;
    }

    .blog-card .blog-card__info {
        z-index: 10;
        background: white;
        padding: 20px 15px;
        position: relative;
        top: 12px !important;
    }

    #panindia {
        padding-top: 20px;
    }

    fieldset {
        display: block;
    }

    .contact_wapper ul {
        list-style: none;
        padding-left: 0rem;
        margin: 0 auto;
        text-align: center;
    }

    .line_dash:after {
        width: 85% !important;
        height: 2px !important;
        right: 32px !important;
        top: 42% !important;
    }

    .line_dash1:after {
        right: 62px !important;
        ;
        top: 75% !important;
    }

    .contact_wapper {
        text-align: center;
    }

    .form_sp {
        margin-top: 20px;
    }

    .intl-tel-input {
        position: relative;
        display: block !important;
    }

    #phone {
        width: 100%;
    }

    #contactForm p {
        font-size: 10px;
    }

    .form-check-label {
        font-size: 9px;
    }

    #contact_form_message {
        width: 100%;
    }

    #contact_wapper ul li h5 {
        font-size: 12px;
    }

    .line_dash h5 {
        font-size: 14px;
    }

    .line_dash1 h5 {
        font-size: 14px;
    }

    .order-first1 {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xs-last {
        margin-top: 50px;
    }

    .ap__radio-wrp {
        display: block !important;
        ;
    }

    .ap__radio-wrp .ap__radio-btn [type="radio"]:not(:checked)+label.ap-new-lab {
        width: 130px !important;
    }

    .ap__radio-wrp .ap__radio-btn [type="radio"]+label.ap-new-lab {
        width: 130px !important;
    }

    .phone_wapper {
        width: 100% !important;
    }

    .close {
        padding: 10px;
        margin: 0 auto;
        position: relative;
        left: 80px;
        top: -6px !important;
    
        background: #b29456;
        border-radius: 50px;
        opacity: 0.8;
    }
/*    #our_story {*/
 
/*    right: -30%!important;*/
/*}*/
/*    .in_wp_content {*/
/*    padding: 5px;*/
/*    position: relative;*/
/*    top: 32px!important;*/
/*}*/
/* #wsr_about_us {*/
/*    height: 160px;*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 170px;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 8px!important;*/
    /* right: -85px; */
/*    transform: rotateY(180deg);*/
/*    left:0px!important;*/
/*}   */
/*#vision {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 170px;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 10px!important;;*/
    /* right: -3px; */
/*    left:0px!important;*/
/*}*/
/*#Mission {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 170px;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 9px!important;;*/
    /* right: -81px; */
/*    transform: rotateY(180deg);*/
/*    left: 0px!important;*/
/*}*/
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    /* background-color: #f1f1f1; */
    width: 85%!important;
    height: 300px;
    position: relative;
    top: 8px;
}
}

@media only screen and (max-width: 300px) {
    fieldset {
        display: block;
    }

    .contact_wapper ul {
        list-style: none;
        padding-left: 0rem;
        margin: 0 auto;
        text-align: center;
    }

    .line_dash:after {
        width: 85% !important;
        height: 2px !important;
        right: 32px !important;
        top: 42% !important;
    }

    .line_dash1:after {
        right: 62px !important;
        ;
        top: 75% !important;
    }

    .contact_wapper {
        text-align: center;
    }

    .form_sp {
        margin-top: 20px;
    }

    .intl-tel-input {
        position: relative;
        display: block !important;
    }

    #phone {
        width: 100%;
    }

    #contactForm p {
        font-size: 10px;
    }

    .form-check-label {
        font-size: 9px;
    }

    #contact_form_message {
        width: 100%;
    }

    .wapper_inner_ab_left12 {
        height: 220px;
        padding: 20px;
        background: #b29456;
        width: 120px;
        position: relative;
        left: 72px;
        bottom: 4px;
    }
}



.story_text1{right: 0px!important;}




/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
/*.sp {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    color: #212b47;*/
/*    font-size: 30px;*/
/*    text-transform: uppercase;*/
/*    border: 0;*/
/*    letter-spacing: 2px;*/
/*    background-color: transparent;*/
/*    overflow: hidden;*/
/*     width: 185px!important;;*/
/*    height: 185px!important;;*/
/*}*/
/*.about_frame .box {*/
/*    width: 168px!important;*/
/*    height: 168px!important;*/
    /* margin: auto; */
    /* background: url(https://www.flaticon.com/svg/static/icons/svg/733/733579.svg) no-repeat 50%/70%; */
/*    color: #212b47;*/
/*    position: absolute;*/
/*    top: 16px;*/
/*}*/

/*    .dev_part {*/
/*        margin-bottom: 20px;*/
/*        margin:0 auto;*/
/*    }*/

/*.story_text {*/
/*    position: relative;*/
/*    bottom: 32px;*/
/*    color: #000;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 2rem;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 2rem;*/
/*    right: 8px;*/
/*}*/
/*.white_wpper h6 {*/
/*    position: relative;*/
/*    bottom: 15px;*/
/*    color: #000;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 20px;*/
/*    font-family: 'Merriweather', serif;*/
/*}*/
/*#our_story_1 {*/

/*    height: 115px;*/
/*   left: 0px;*/
/*    width: 115px;*/
/*}*/
/*#our_story_1 .white_wpper{*/
/*     height: 100px;*/
/*    width: 100px;*/
     
/*}*/
/*#our_story {*/
/*    height: 140px!important;;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 140px!important;;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 40px;*/
/*    right: -15%;*/
/*}*/
/*.sp {*/
/*    position: absolute;*/
/*    top: 60%!important;;*/
/*    left: 48%!important;;*/
/*    transform: translate(-50%, -50%);*/
/*    color: #212b47;*/
/*    font-size: 30px;*/
/*    text-transform: uppercase;*/
/*    border: 0;*/
/*    letter-spacing: 2px;*/
/*    background-color: transparent;*/
/*    overflow: hidden;*/
/*    width: 205px!important;;*/
/*    height: 205px!important;;*/
/*}*/
/*.about_frame .box {*/
/*   display:none;*/
/*}*/

/*.box::before, .box::after, .box {*/
/*    position: absolute;*/
/*    top: 42px!important;;*/
/*    bottom: 0;*/
/*    left: -10px!important;;*/
/*    right: 0;*/
/*}*/
#preloader img {
    left:35%!important;
}
/*#wsr_about_us{*/
/*      height: 140px!important;;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 140px!important;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 75px;*/
/*left:30px;  */
/*}*/
/*.wsr_inner_about {*/
/*        height: 115px;*/
/*   left: -3px;*/
/*    width: 115px;*/
/*}*/

/*.wsr_inner_about_text{*/
/*    height: 100px;*/
/*    width: 100px;*/
     
/*}*/

/*.wsr_inner_about_text .data_about {*/
/*        position: relative;*/
/*    bottom: 16px;*/
/*    color: #000;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 20px!important;;*/
/*        text-align: center;*/
/*            right: 13px!important;*/
   
/*}*/
/* .story_text1{right: 0px!important; font-size: 20px!important;}*/
/*#vision {*/
/*    height: 140px!important;;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 140px!important;;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*   top: 8px;*/
    /* right: -3px; */
/*    left: 30px;*/
/*}*/
/*.vision_inner{*/
/*         height: 115px;*/
/*   left: 0px;*/
/*    width: 115px;*/
/*}*/

/*.vision_inner_text{*/
/*    height:100px;*/
/*    width:100px;*/
     
/*}*/
/*.vision_inner_text h6{*/
/*            position: relative;*/

/*    color: #000;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 20px;*/
/*        top: 3px;*/
    
/*}*/


/*#Mission {*/
/*    height: 140px!important;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 140px!important;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/* top: 60px;*/
    /* right: -81px; */
/*    transform: rotateY(180deg);*/
/*    left: 28px;*/
/*}*/
/*#Mission_inner{*/
/*         height: 115px;*/
/*   left: 0px;*/
/*    width: 115px;*/
/*}*/

/*#Mission_inner_text{*/
/*    height:100px;*/
/*    width:100px;*/
     
/*}*/
/*#Mission_inner_text h6{*/
/*            position: relative;*/

/*    color: #000;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 20px;*/
/*        top: 3px;*/
/*        right:25px;*/
    
/*}*/

/*.in_wp_content {*/
/*    padding: 5px;*/
    /* position: relative; */
    /* top: 81px; */
/*    padding-top: 80px;*/
/*}*/




    .about_inner-page {
      position: relative;
    top: 0px;
    }

    .about_text_wapper {
        height: calc(100vh - 630px);
    }

    .wapper_inner_ab_left12 {
        left: 20px;
    }

    .why-us .box {
        width: 50%;
        margin: 0 auto;
    }

    .testimonial1 {
        height: 285px;
    }

    .vision {
        height: 198px;
    }

    .vision_inner_wapper {
        height: 206px;
        padding: 20px;
        background: #212b47;
        width: 115px;
        position: relative;
        left: -4px;
        bottom: 5px;
    }

    .vision_img {
        width: 280px;
    }

    .mission_img img {
        width: 280px;
        bottom: 35px;
    }

    .wapper_ab1 {
        height: 198px;
    }

    .wapper_inner_ab_left1 {
        height: 206px;
        left: 50%;
        bottom: 2px;
    }

    .tab {
        height: 300px;
        width: 90% !important;
        float: none !important;
            margin: 0 auto;
}
    
.tabcontent {
    padding: 28px 30px!important;
    width: 85%!important;
}.tabcontent {
    top: -16px!important;
}
    .tabcontent {
        
        border-left: 3px solid #b29456 !important;
        margin:0 auto;
        float:none!important;
    }

    .tablinks:hover::after {
       left: 106.5%;
    }

    .why-us .box1 {
        width: 100%;
        margin: 0 auto;
    }

    .dev_part {
        margin-bottom: 20px;
    }

    .img-handler-top svg {
        width: 50px;
        top: 28px !important;
        left: 8px !important;
    }

    .img-handler-bot svg {
        width: 50px;
        top: 0px !important;
        left: 10px !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        position: absolute;
        margin-top: 4px !important;
        right: 4px !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li p {
        width: 120% !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        margin-bottom: 64px !important;
    }

    .blog-card {
        padding: 10px !important;
        position: relative;
        margin-left: 5px;
    }

    .blog-card .blog-card__info p {
        font-size: 15px !important;
    }

    .blog-card .blog-card__info h5 {
        font-size: 16px !important;
        line-height: 21px;
    }

    .blog-card .blog-card__info {
        z-index: 10;
        background: white;
        padding: 20px 15px;
        position: relative;
        top: 12px !important;
    }

    .sp_archive {
        margin: 0 auto;
    }

    .know__title {
        font-size: 15px;
    }

    .con_wapper {
        margin: 0 auto;
        text-align: center;
    }

    .contact_wapper h4 {
        text-align: center;
    }

    .line_dash:after {
        width: 85% !important;
        height: 2px !important;
        right: 32px !important;
        top: 42% !important;
    }

    .line_dash1:after {
        width: 85% !important;
        height: 2px;
        right: 32px !important;
        top: 75% !important;
        position: absolute;
        border-style: dashed;
        border-color: #b29456;
    }

    #phone {
        width: 100%;
    }

    #contactForm p {
        font-size: 10px;
    }

    .form-check-label {
        font-size: 9px;
    }

    #contact_form_message {
        width: 100%;
    }

    .wapper_inner_ab_left12 {
        height: 220px;
        padding: 20px;
        background: #b29456;
        width: 120px;
        position: relative;
        left: 106px;
        bottom: 4px;
    }

    .phone_wapper {
        width: 100% !important;
    }

    .iti-flag.in {
        height: 16px !important;
        ;
        background-position: -2402px 1px !important;
    }

    .intl-tel-input.separate-dial-code .selected-dial-code {
        padding-left: 25px !important;
    }

    fieldset {
        display: block;
    }

    .intl-tel-input {
        width: 100%;
    }

    .contact_form_header {
        text-align: center;
        margin-top: 20px;
    }

    .address_inner {
        width: 50%;
        margin: 0 auto;
    }

    .career_wapper_address {
        text-align: center;
    }

    .contactForm_wapper {
        text-align: center;
    }

    .Address_wapper {
        background: linear-gradient(rgb(33 43 71 / 48%), rgb(33 43 71 / 45%)), url(../img/map_12sm.png) fixed center center;
        background-size: cover;
        padding: 120px 0;
    }

    .address_inner {
        width: 100%;
        margin: 0 auto;
    }

    .hr-theme-slash-2 {
        display: flex;
        position: relative;
        top: 0px;
        width: 100% !important;
        text-align: center;
        margin: 0 auto;
    }

    .tab button {
        display: block;
        /* background-color: inherit; */
        color: black;
        padding: 20px 16px;
        margin-bottom: 8px !important;
        width: 100% !important;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        font-size: 17px;
        border-bottom: 2px solid #212b47;
    }
    
}
/*.in_wp_content p{*/
/*    font-size:20px;*/
/*}*/

@media only screen and (max-width: 1084px) {
#our_story {
    height: 160px;
    padding: 14px;
    background: #212b47;
    width: 60%;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 54px;
    right: -20%;
}
}
@media only screen and (max-width: 420px) {
.tabcontent p {
    font-family: 'Gentium Book Plus', serif;
    font-size: 19px;
    text-align: justify;
    letter-spacing: 0.2px;
}
.section-title h2 {
    font-size: 20px;
    margin-bottom: 15px;
}
.service_wapeper_first h2 {
    font-family: 'Merriweather', serif;
    font-size: 20px;
}
/*.flip > .front{*/
/*        padding: 5em 5em!important;*/
/*}*/
.flip > .front p, .flip > .back p {
    font-size: 12px!important;
    line-height: 160%;
    color: #212b47;
    font-family: 'Gentium Book Plus', serif;
    width: 70%;
    /* margin: 0 auto; */
   
    text-align: justify; 
}
.owl-prev {
position: relative;
    background-image: url(./assest/img/next.png);
    /* top: -75%; */
    float: right;
 bottom: 2.5pc;
    right: -4pc;
}
.owl-next {
        position: relative;
    bottom: 2.5pc;
    float: left;
    left: 8pc;
}
.flip > .front{
    display: block;
    color: white;
    width: inherit;
    background-size: cover !important;
    background-position: center !important;
    height: 400px;
    padding: 1em 1em!important;
    background: #ffffff;
    border-radius: 10px;
}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *: ;
    display: inline;
    margin: 5px;
    padding: 1px 7px;
    font-size: 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #212b47;
    background: #212b47;
    filter: Alpha(Opacity=50);
    .owl-theme .owl-controls.clickable .owl-buttons: ;
    div: ;
    hover{: ;
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
    }: ;
    .owl-theme .owl-controls .owl-page{: ;
    display: inline-block;
    zoom: 1;
    *: ;
    display: inline;
    }: ;
    .owl-theme .owl-controls .owl-page span{: ;
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    }: ;
    .owl-theme .owl-controls .owl-page.active span,: ;
    .owl-theme .owl-controls.clickable .owl-page: ;
    hover span{: ;
    filter: Alpha(Opacity=100);
    opacity: 1;
    }: ;
    .owl-theme .owl-controls .owl-page span.owl-numbers{: ;
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
Show All Properties (4 more)
}
/*.flip > .front, .flip > .back{*/
/*    height: 340px!important;;*/
/*}*/
.navbar a, .navbar a:focus { 
    color:#000!important;
}
/*.flip > .front img{width:200px!important;}*/
    /*h2{font-size:22px!important;}*/

    .hr-theme-slash-2 {
        display: flex;
        position: relative;
        top: 0px !important;
        width: 80% !important;
        text-align: center;
        margin: 0 auto;
    }
    .navbar a, .navbar a:focus {

    color: #000!important;
}
.mobile-nav-toggle.bi-x {
    color: #fbfbfb;
}
.owl-theme .owl-controls .owl-page span {
    height: 9px !important;
    width: 9px !important;
    background-color: #fff !important;
    opacity: 0.8;
    border-radius: 0 !important;
    transform: rotate(45deg) !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}
.Director_sec_innerwapper {
    height: 220px;
    padding: 20px;
    background: #b29456;
    height: 226px;
    position: relative;
    left: 0px;
    bottom: 1px;
    width: 255px;
}
/*#Wsr_director_wapper {*/
/*    height: 250px;*/
/*    padding: 12px;*/
/*    background: #212b47;*/
/*    width: 88%!important;*/
/*    position: relative;*/
/*    top: 0px;*/
/*    transform: rotateY(180deg);*/
    /* float: right; */
/*    margin: o auto;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*}*/
/*#our_story {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 50%;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 0px!important;*/
/*    right: -25%;*/
/*}*/
/*.in_wp_content{*/
/*    padding: 15px;    position: relative;*/
/*    top: 28px;*/
/*}*/
/*#mission_para{    padding: 15px;    position: relative;*/
/*    top: 28px;}*/
/*#our_story_1 {*/
/*    height: 220px;*/
/*    padding: 20px;*/
/*    background: #b29456;*/
/*    height: 136px;*/
/*    position: relative;*/
/*    left: -6px;*/
/*    bottom: 2px;*/
/*    width: 150px;*/
/*}*/
/*#wsr_about_us {*/
/*    height: 160px;*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 50%;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 0px;*/
    /* right: -75px; */
/*    transform: rotateY(180deg);*/
/*    left: 80px;*/
/*}*/
/*.wsr_inner_about {*/
/*    padding: 20px;*/
/*    background: #b29456;*/
/*    height: 135px;*/
/*    position: relative;*/
/*    left: -6px;*/
/*    bottom: 2px;*/
/*    width: 150px;*/
/*}*/
/*.wsr_inner_about_text h6 {*/
/*    position: relative;*/
/*    bottom: 15px;*/
/*    color: #000;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 2rem;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 2rem;*/
/*    right: 12px;*/
/*    bottom: 25px;*/
/*    color: #000;*/
/*    font-family: 'Merriweather', serif;*/
/*    font-size: 2rem;*/
/*    right: 12px;*/
/*}*/
/*#vision {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 50%;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 0px;*/
    /* right: -3px; */
/*    left: 82px;*/
/*}*/
/*#Mission {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 50%;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 0px;*/
    /* right: -81px; */ 
/*    transform: rotateY(180deg);*/
/*    left: 85px;*/
/*}*/
/*.tab button {*/
/*    display: block;*/
    /* background-color: inherit; */
/*    color: black;*/
/*    padding: 20px 16px;*/
/*    margin: 0px!important;*/
/*    width: 100%;*/
/*    border: none;*/
/*    outline: none;*/
/*    text-align: left;*/
/*    cursor: pointer;*/
/*    font-size: 17px;*/
/*    margin-bottom:5px!important;*/
    /* border: 2px solid #212b47; */
/*}*/
/*.piller_wapper {*/
/*    padding-top:10px;padding-bottom:20px;*/
/*}*/
/*#Wsr_director_wapper {*/
/*    height: 250px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 79%;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 48px;*/
    /* right: 0px; */
/*    transform: rotateY(180deg);*/
    /* float: right; */
/*    margin: o auto;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*}*/
.Director_sec_wapper {
    height: 250px;
    padding: 14px;
    background: #212b47;
    width: 79%;
}
.director_name {
    font-size: 30px;
    font-family: 'PT Serif', serif;
    text-align: center;
}
.c_text h1 {
    color: #fff;
    font-size: 40px;
    /*margin-bottom: 1rem;*/
    /* margin-top: 1rem;*/
    margin:0 auto;
    font-family: 'Gulzar', serif;
}
.c_text img {
       width: 200px;
    position: relative;
    top: 18px;
}
.slider li {
    border: 2px solid #b29456;
    box-shadow: 0px 2px 12px hwb(40deg 34% 30%)inset;
    /* box-shadow: hsl(224deg 37% 20%) 0px 5px 15px; */
    position: absolute;
    top: 38px!important;
    left: 12px!important;;
    width: 95%!important;
    height: 50%!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
   display: table;
     border-top-left-radius: 3%!important; 
          border-top-right-radius: 3%!important; 
     border-bottom-left-radius: 3%!important;
          border-bottom-right-radius: 3%!important;
}
.slider {
    float:none!important;
}
.left {
    float: left;
    height: 100%;
    width: 100%;
    padding: 3rem 3rem 3rem 3rem!important;
    display: table;
    position: relative;
    top: 45%!important;
}
.text-lg {
    font-size: 24px!important;;
    line-height: 1.1;
    text-align: center;
}
.text_u_content{margin: 0 auto;
    text-align: center;}
.slider .nav1 {display:none;}
.portfolio-gallery ul {
    display: inline-grid!important; 
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    
}
.text_u_content p{
    text-align: justify;
}
.about-content-wrap p{
     text-align: justify;
}

.about-content-wrap{
        margin: 0 auto;
    position: relative;
    top: 8%;
    text-align:center;
}

.sliders {
    display: flex;
    width: 380px!important;
    height: 300px!important;
    position: relative;
    overflow: hidden;
}

.grid {
    display: grid;
    grid-template-columns: repeat(1,1fr)!important;
    grid-gap: 20px;
}

.portfolio-gallery {
    padding: 20px;
    width: 100%!important;
    margin: 0px auto;
}
.portfolio-gallery .product .itemsbox {
    position: relative;
    width: 300px;
    height: 200px;
    /* margin: 5px; */
    margin: 0 auto!important;
    /* padding-bottom: 19px; */
    margin-bottom: 12px!important;
}
.tr_left{
     position: relative;
    left: 0%;
}
.x-brand img {
    display: block !important;
}

}
@media only screen and (min-width: 320px) and (max-width: 812px) {
    #preloader img {
    content: "";
    position: fixed;
    bottom: 65%!important;
    left: 18%!important;
     /*border: 6px solid #cc1616; */
     /*border-top-color: #efefef; */
     /*border-radius: 50%; */
     /*width: 60px; */
     /*height: 60px; */
    width: 250px!important;;
    animation: zoom-in-zoom-out 1s ease infinite;
}
.sliders .slides img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
}
@media only screen and (max-width: 975px){
        #preloader img {
    content: "";
    position: fixed;
    bottom: 65%!important;
    left: 18%!important;
     /*border: 6px solid #cc1616; */
     /*border-top-color: #efefef; */
     /*border-radius: 50%; */
     /*width: 60px; */
     /*height: 60px; */
    width: 250px!important;;
    animation: zoom-in-zoom-out 1s ease infinite;
}
/*.in_wp_content {*/
/*    padding: 5px;*/
/*    position: relative;*/
/*    top: 16px;*/
/*}*/
/*#our_story {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 170px;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 16px;*/
/*    right: -7%;*/
/*}*/
/*#wsr_about_us {*/
/*    height: 160px;*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 170px;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 56px;*/
    /* right: -85px; */
/*    transform: rotateY(180deg);*/
/*    left: 18px;*/
/*}*/
/*#vision {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 170px;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 0px;*/
    /* right: -3px; */
/*    left: 18px;*/
/*}*/
/*#Mission {*/
/*    height: 160px;*/
/*    padding: 14px;*/
/*    background: #212b47;*/
/*    width: 170px;*/
    /* margin: 0 auto; */
    /* float: right; */
/*    position: relative;*/
/*    top: 40px;*/
    /* right: -81px; */
/*    transform: rotateY(180deg);*/
/*    left: 15px;*/
/*}*/
/*.tab {*/
/*    float: left;*/
    /* border: 1px solid #ccc; */
    /* background-color: #f1f1f1; */
/*    width: 42%;*/
/*    height: 300px;*/
/*    position: relative;*/
/*    top: 8px;*/
/*}*/
.tablinks {

    font-size:14px!important;
}
.tabcontent {
    padding: 28px 30px!important;
    width: 58%;
    
}
.tabcontent h3{
    font-size:20px;
}
/*#Wsr_director_wapper {*/
/*    width:280px;*/
/*}*/
/*.Director_sec_wapper {    width:280px;}*/
.leader_about{    position: relative;
    top: 25px;}
    .director_name{text-align:center;}
}


@media only screen and (max-width: 700px){
    /*#our_story {margin:0 auto;right: 0%!important;top: 28px!important;}*/
/*   #wsr_about_us{ margin:0 auto;right: 0%;top: 28px!important;;}*/
/*   #vision{margin:0 auto;right: 0%;top: 28px!important;}*/
/*   #Mission{margin:0 auto;right: 0%;top: 28px!important;}*/
/*   #Wsr_director_wapper {*/
/*    height: 250px;*/
/*    padding: 12px;*/
/*    background: #212b47;*/
/*    width: 58%!important;;*/
/*    position: relative;*/
/*    top: 0px;*/
/*    transform: rotateY(180deg);*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*    margin: 0 auto;*/
/*}*/
/*.Director_sec_wapper{*/
/*     height: 250px;*/
/*    padding: 12px;*/
/*    background: #212b47;*/
/*    width: 58%!important;;*/
/*    position: relative;*/
/*    top: 0px;*/
/*    transform: rotateY(180deg);*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*    margin: 0 auto;*/
/*}*/
}

@media only screen and (max-width: 460px){
    .left {
    float: left;
    height: 100%;
    width: 100%;
    padding: 3rem 3rem 3rem 3rem!important;
    display: table;
    position: relative;
    top: 42%!important;
}
.sliders .slides img {
    width: 100%;
    height: 100%;
    object-fit: contain!important;;
    object-position: center;
}
.leader_about {
    padding-top:20px!important;
    text-align: justify;
}
.order-xs-last {
    margin-top: 5px!important;;
}
#Wsr_director_wapper {
    height: 250px;
    padding: 12px;
    background: #212b47;
    width: 78%!important;
    position: relative;
    top: 0px;
    transform: rotateY(180deg);
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
}
.Director_sec_wapper{
       height: 250px;
    padding: 12px;
    background: #212b47;
    width: 78%!important;
    position: relative;
    top: 0px;
    transform: rotateY(180deg);
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
}
.director_name {
    font-size: 30px;
    font-family: 'PT Serif', serif;
    text-align: center;
    margin-top: 0px!important;
}
.director_name {
    font-size: 26px!important;;}
}

@media only screen and (max-width: 420px){
    #Wsr_director_wapper {
    height: 250px;
    padding: 12px;
    background: #212b47;
    width: 85%!important;
    position: relative;
    top: 0px;
    transform: rotateY(180deg);
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
}
.sliders {
    display: flex;
    width: 360px!important;;;
    height: 385px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
.sliders .slides img {
    width: 100%;
    height: 100%;
    object-fit: contain!important;;
    object-position: center;
}
.footer-info .logo img {    height: 120px!important;
    margin: 0 auto;}
.Director_sec_wapper{
       height: 250px;
    padding: 12px;
    background: #212b47;
    width: 85%!important;
    position: relative;
    top: 0px;
    transform: rotateY(180deg);
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
}

#myVideo {
    position: relative;
    right: 0;
    bottom: -25px!important;;
    min-width: 100%;
    min-height: 100%;
    /* margin-top: 12px; */
    z-index: -9999;
    height: 40vh!important;;
}
.front img{
    width: 250px!important;;
}
.owl-buttons {
    position: absolute;
    display: none;
}
}


@media only screen and (max-width: 360px){

#myVideo {
    position: relative;
    right: 0;
    bottom: -25px!important;
    min-width: 100%;
    min-height: 100%;
    margin-top: 12px;
    z-index: -9999;
    height: 60vh!important;
}
.index_wapper {
    font-size: 35px !important;
    line-height: 40px;
}
.index_wapper1 {
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px !important;
}
.section-title1 h2 {
    font-size: 20px !important;
}
.cta h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    font-family: Quintessential;
}
.why-us .box h4 {
    font-size: 20px;}
    #vision {
    height: 160px;
    padding: 14px;
    background: #212b47;
    width: 171px;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 0px;
    left: 54px!important;
}
#Mission {
    height: 160px;
    padding: 14px;
    background: #212b47;
    width: 171px;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 0px!important;
    left: 45px!important;
}
.tab button {
    display: block;
    /* background-color: inherit; */
    color: black;
    padding: 16px 16px;
    margin-bottom: 8px !important;
    width: 300px !important;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 17px;
    border-bottom: 2px solid #212b47;
        position: relative;
    left: -18px;
}
#vision {
    height: 160px;
    padding: 14px;
    background: #212b47;
    width: 171px;
    /* margin: 0 auto; */
    /* float: right; */
    position: relative;
    top: 0px;
    left: 45px!important;
}
.tabcontent {
    padding: 28px 30px!important;
    width: 100%!important;
}
.tabcontent h3 {
    font-size: 16px;
}
#preloader img {
    content: "";
    position: fixed;
    bottom: 58%;
    left: 8%!important;
    /* border: 6px solid #cc1616; */
    /* border-top-color: #efefef; */
    /* border-radius: 50%; */
    /* width: 60px; */
    /* height: 60px; */
    width: 350px;
    animation: zoom-in-zoom-out 1s ease infinite;
}


.des_buying p {
    font-family: 'Gentium Book Plus', serif;
    font-size: 14px;
}
}

@media only screen and (max-width: 600px){
.sliders {
    display: flex;
    width: 360px!important;;;
    height: 385px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
.about-content-wraps {
    margin: 0 auto;
    position: relative;
    top: -15%;
}
.sd{width:78%;}
}