body{
	font-size: 14px;
    background-color: #f7f7f7
}





/* ========== navbar ========== */


.top-nav {
    transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
}

.top-nav .navbar-nav li .nav-link {
    color: #fff;
    font-size: 16px;
    padding: 12px 15px;
    transition: 0.5s ease-in;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
}







.top-nav li a.nav-link:hover, .top-nav .nav-item.active a.nav-link{
    border-bottom: 1px solid #16d4e2;
    color: #FFFFFF;

}
.top-nav .navbar-brand{
	margin-right: 30px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 25px;
}

.top-nav .navbar-brand img{
    width: 170px;
    height: 80px
}


.top-nav.light-header{
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.23);
	
}
.top-nav.light-header .navbar-nav li .nav-link {
    color: #43b3c3;
}



.top-nav .navbar-nav .btn-primary {
    background-color: #ffffff00;
    border-color: #ffffff;
    margin-left: 10px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 100px;
        padding: 8px 20px;
}

.top-nav .navbar-nav .btn-primary:hover {
    background-color: #3b7df9;
    border-color: #3b7df9;
    color: #FFFFFF;
}



.top-nav .navbar-nav .btn-light {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #333333;
    margin-left: 10px;
    cursor: pointer;
}

.top-nav .navbar-nav .btn-light:hover {
    background-color: #ffffff00;
    border-color: #ffffff;
    color: #fff;
}



.top-nav .fa{
    color: #FFFFFF;
    cursor: pointer
}






/*Click Or Hover btn min menu*/

.top-nav .our-button{
    width: 23px;
    display: inline-block;
    cursor: pointer;
    
}

.top-nav .our-button .the-bar{
    width: 100%;
    height: 3px;
    display: block;
    background-color: #44b7c6;
    margin: 0 0 5px;
    transition: .5s;
    cursor: pointer
    
}

.top-nav .navbar-toggler {
    padding: 0;
  
}

.transformed .the-bar:first-child{
 transform: rotate(-45deg) translate(-4px,3px);
    
}


.transformed .the-bar:nth-child(2){
    opacity: 0;
}


.transformed .the-bar:last-child{
   transform: rotate(45deg) translate(-8px,-8px);
    
}













.main-banner-area {
    overflow: hidden;
    position: relative;
}

.main-banner-area .header-shape-bg {
    position: absolute;
    top: 0px;
    min-height: 500px;
    z-index: 2;
    width: 100%;
}

.width-100 {
    width: 100%;
}
.float-right {
    float: right !important;
}

.main-banner-area .right-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #4e54c8;
    background: -webkit-linear-gradient(-45deg, #3b7df9, #16d4e2);
    background: -moz-linear-gradient(-45deg, #3b7df9, #16d4e2);
    background: -o-linear-gradient(-45deg, #3b7df9, #16d4e2);
    background: linear-gradient(-45deg, #3b7df9, #16d4e2);
    
}


.main-banner-area:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 3;
}

.main-banner-area .play-button-wrapper {
   position: absolute;
    top: 45%;
    transform: perspective(1px) translateY(-45%);
    z-index: 4;
    width: 35.5%;
    right: 0px;
}
.main-banner-area .play-button-wrapper img{
   width: 40%;
}






* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-banner-area .right-bg {
    right: 0;
}
.main-banner-area .right-bg {
    float: right;
    width: 55.5%;
    right: 1px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}


.main-banner-area .header-text {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    z-index: 4;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-banner-area .header-text h1 {
   font-weight: 700;
    font-size: 36px;
    color: #254582;
    line-height: 44px;
    letter-spacing: 1.0px;
    margin-bottom: 25px;
}

.main-banner-area .header-text p {
   font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    color: #868e96;
}



.main-banner-area .header-text .btn-primary {
   color: #fff;
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    padding: 11px 30px;
    background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);
}

.main-banner-area .header-text .btn-primary:hover {
  background: linear-gradient(-45deg, #16d4e2, #16d4e2);
}







/* ========== who-we-are========== */


.who-we-are{
    padding: 30px;
}

.who-we-are .box-who-we-are{
    background-color: #FFFFFF;
    padding: 30px;
    box-shadow: -1px 9px 18px 0px rgba(75,81,91,0.1);
    transform: translateY(-0.5em);
}

.who-we-are .box-who-we-are h2{
    font-weight: bold;
    color: #254582;
    margin-bottom: 20px;
}

.who-we-are .box-who-we-are .line-title {
    width: 60px;
    height: 4px;
    background: #ccc8c8;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}



.who-we-are .box-who-we-are p {
    font-size: 20px;
    color: #868e96;
}


.who-we-are .box-who-we-are .btn-primary {
    color: #fff;
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    padding: 11px 30px;
    margin-top: 30px;
    background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);
}

.who-we-are .box-who-we-are .btn-primary:hover {
  background: linear-gradient(-45deg, #16d4e2, #16d4e2);
}

.who-we-are .text{display: none}


.who-we-are .fa {
   padding: 13px 31px;
     margin-top: 20px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);
   
        
}

.who-we-are .btn-hide-show {
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 10px;
    font-weight: normal
}





/* ========== Our Services  ========== */



.our-services{
    padding: 30px;
    min-height: 500px
}

.our-services h2{
    font-weight: bold;
    color: #254582;
    margin-bottom: 20px;
}
.our-services .line-title {
    width: 60px;
    height: 4px;
    background: #ccc8c8;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}


.our-services .box-services{
    padding: 20px;
    border-radius: 5px;
    background-color: #FFFFFF;
        height: 300px;
    margin-top: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.our-services .box-services:hover{
 
     box-shadow: -1px 9px 18px 0px rgba(75,81,91,0.1);
     transform: translateY(-0.5em);   
    
    
}


.our-services .box-services .fas{
   margin-top: 46px; 
 background-color: #edecfa;
    padding: 30px;
    font-size: 40px;
    color: #254582;
    border-radius: 100px;
    margin-bottom: 20px;
}

.our-services .box-services h3{
 color: #464a4e
}



.our-services .btn-primary {
    color: #fff;
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    padding: 11px 30px;
    margin-top: 30px;
    background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);
}

.our-services .btn-primary:hover {
  background: linear-gradient(-45deg, #16d4e2, #16d4e2);
}






/* ========== alfa-section ========== */


.alfa-section  {
    background: url(../images/bg-1.jpg) no-repeat center center fixed;
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 0;
    color: #fff;
    position: relative;
}

.alfa-section .overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.8;
    background: #254582;
    background: -webkit-linear-gradient(-45deg, #3b7df9, #16d4e2);
    background: -moz-linear-gradient(-45deg, #3b7df9, #16d4e2);
    background: -o-linear-gradient(-45deg, #3b7df9, #16d4e2);
    background: linear-gradient(-45deg, #3b7df9, #16d4e2);


}

.alfa-section h2 {
    margin: 20px 0;
    color: #FFFFFF;
    position: relative;
}

.alfa-section .line-title {
    width: 60px;
    height: 4px;
    background: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}



.alfa-section p {
    margin: 20px 0;
    color: #FFFFFF;
    position: relative;
    font-size: 22px
}



.alfa-section .btn-primary {
    color: #fff;
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    padding: 11px 30px;
    margin-top: 30px;
    position: relative;
    background-color: #16d4e2;

}

.alfa-section .btn-primary:hover {
     background-color: #3b7df9;
   
}





/***********  section-three    *******************/


.section-three{
    padding: 40px;
    background-color: #FFFFFF
}


.section-three h2{
   font-weight: bold;
    color: #254582;
    margin-bottom: 20px;
}

.section-three .line-title {
    width: 60px;
    height: 4px;
    background: #ccc8c8;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}



.section-three img {

    width: 178px;
    margin-bottom: 26px;
}

.section-three .boxuse{
    background-color: #FFFFFF;
    padding: 30px;
    color: #333333;
    border-radius: 5px;
    margin-bottom: 20px;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.section-three .boxuse:hover{
   

  box-shadow: -1px 9px 18px 0px rgba(75,81,91,0.1);
     transform: translateY(-0.5em);   
    
}






.section-three h3{
  
    color: #464a4e;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 21px;
}


.section-three p{
    
 font-size: 16px;
 color: #868e96;
    
}

.section-three .text{display: none}



.section-three .fa {
      padding: 13px 31px;
    margin-top: 20px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);
        
}


.section-three .btn-hide-show {
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 10px;
}






/***********  footer  *******************/


.footer{
   background-color: #3b7df9;
    min-height: 300px;
    padding: 60px;
    
}

.footer h3{
    color: #FFFFFF;
    font-size: 18px;
    line-height: 23px;
}

.footer p{
    color: #FFFFFF;
}


.footer .heading-divider:before {
    content: '';
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.31);
}


.footer-category {
   
    margin-top: 20px;
}


.footer-category li a {
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    text-decoration: none;
}


.footer-category li a:hover {
  
    color: #97bbff;
}

.footer-category .fa{
    padding-right: 10px;
    color: #FFFFFF;
}



.footer .logo-footer{text-align: right; margin-top: 50px;}





/* copyright */

.copyright {
    font-size: 14px;
    color: #ffffff;
    padding-top: 10px;
    text-align: center;
    background-color: #2c6feb;
    padding: 20px;
}


.copyright h5 {
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    font-weight: normal;
    margin-top: 16px;
   
}

.copyright ul {
text-align: right
}

.copyright .social-icon-style2 li {
    display: inline-block;
    margin-left: 30px;
}

.copyright .social-icon-style2 li a {
    font-size: 22px;color: #76a4fb
}

.copyright .social-icon-style2 li a:hover {
    color: #FFFFFF
}






/* ========== sales ========== */

.sales{
   
    padding: 40px;
}

.sales h2{
    font-weight: bold;
    text-align: center;
    color: #254582
}

.sales .line-title {
    width: 60px;
    height: 4px;
    background: #ccc8c8;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}


.sales p {
    color: #999999;
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto 71px;
    text-align: center;
}


.sales .sales-text h4{
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 15px
}



.sales .fa{
    font-size: 13px;
    margin-right: 5px;
    color: #254582;
}


.sales .sales-text{}

.sales .sales-form{
padding: 0 0 0 67px;
border-left: solid 1px rgba(44,44,42,.15);
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.sales .sales-form .form-control {
    border: none;
    border-bottom: solid 1px rgb(197, 197, 197);
    background: 0 0;
    letter-spacing: .02em;
    padding: .5rem 0;
    line-height: 2.0;
    font-size: 14px;
    border-radius: 0;
}

.sales .sales-form select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 25px);
    cursor: pointer; 
    color: #7a7c7d;    

}


.sales .sales-form .form-check-input {

    margin-left: 10px;
}


.sales .sales-form .form-check-input {
    position: relative;

}

.sales .sales-form .form-check-label {
    padding-left: 5px;
}

.sales .sales-form .btn-primary {
   color: #fff;
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    padding: 11px 30px;
    margin-top: 30px;
    background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);
}

.sales .sales-form .btn-primary:hover {
 box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
    background: -webkit-linear-gradient(-45deg, #3b7df9, #3b7df9);
    background: -moz-linear-gradient(-45deg, #3b7df9, #3b7df9);
    background: -o-linear-gradient(-45deg, #3b7df9, #3b7df9);
    background: linear-gradient(-45deg, #3b7df9, #3b7df9);
}






.sales .sales-form  .form-control:focus {
    border: 0 !important;
    border-bottom: 1px solid #3070a7 !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    
}

.sales .sales-form m ::placeholder {
    color: #fa796c;
    opacity: 1; /* Firefox */
}

.sales .sales-form  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fa796c;

}

.sales .sales-form  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fa796c;

}



.sales .sales-form span{font-size: 20px; color: #3070a7;}


.sales .sales-form .messegs{font-size: 12px; color: #fa786c; display: none}













/* ========== toTop ========== */


#toTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
    background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);	border-color: #25aae1;
	color: #FFFFFF;
	border-radius: 100px;
}



/* ========== loading ========== */

.laoding{
    
      background: -webkit-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -moz-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: -o-linear-gradient(-45deg, #16d4e2, #3b7df9);
    background: linear-gradient(-45deg, #16d4e2, #3b7df9);	border-color: #25aae1;
    
    
    
    color:#FFFFFF; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000000;}

.sk-circle {
  margin: 300px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFFFFF;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

















/* ========== Responsive Stylings ========== */

@media (max-width: 540px){
    
.main-banner-area .header-text h1 {margin-top: 70px;}
    
.main-banner-area .header-text p {margin-bottom: 15px;}
    
.main-banner-area .header-text .btn-primary {padding: 6px 17px;font-size: 12px;}
    
.top-nav .navbar-brand img {width: 90px;}
    
}


@media (max-width: 767px){
    
.top-nav .navbar-nav li .nav-link {color: #43b3c3; }

.top-nav {background-color: white;}
    
.top-nav .fa {color: #1acae4;}
    
.section-three {padding: 20px 0;}
    
.section-three .boxuse {padding: 10px;}
    
.our-services {padding: 30px 0;}
    
.who-we-are .box-who-we-are {padding: 19px 15px; }
    
.sales .sales-form {padding: 0 0 0 0;border-left: solid 0 rgba(44,44,42,.15);}
    
   

}

@media (max-width: 768px){
    
.top-nav .navbar-nav li .nav-link {color: #43b3c3; }
.top-nav {background-color: white;}
.top-nav .fa {color: #1acae4;}
    
  
.main-banner-area .header-text h1 {font-size: 25px;margin-bottom: 0;color: white;}

.main-banner-area .header-text p {font-weight: 400;font-size: 13px;line-height: 18px;color: white;}

.main-banner-area .play-button-wrapper {display: none;}   
    
 .who-we-are .box-who-we-are h2 {font-size: 22px;}

.who-we-are .box-who-we-are p {font-size: 16px;}

.who-we-are {padding: 30px 0;}

.our-services h2 {font-size: 22px;}

.our-services h3{font-size: 20px;}

.alfa-section h2 {font-size: 22px;}

.alfa-section p {font-size: 16px;}

.alfa-section {min-height: 200px;padding: 50px 0;  }

.section-three h2 {margin-bottom: 30px;font-size: 22px;}

.section-three h3 {font-size: 18px;}

.section-three p {font-size: 14px;line-height: 18px;}

.footer .logo-footer {text-align: center;margin-top: 30px;}

.copyright ul {text-align: center;}

.footer {background-color: #3b7df9;min-height: 300px;padding: 20px;}

.copyright h5 {text-align: center}


 
    
}
    
    
    
    
    

@media (max-width: 992px){
 .main-banner-area .header-shape-bg {display: none;}
    
.main-banner-area .right-bg {
    width: 100%;
    max-height: 450px;
    height: 100%;
    min-height: 0;
}
    
    
}


@media (max-width: 1024px){
 
    
}
 


@media (max-width: 1200px){
    

    
}