
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

html {
      scroll-behavior: smooth;
    }
/*******************Animation*****************/
.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade {
  animation: fade 1s ease-in;
}

.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
.active.fade-zoom {
  animation: fade-zoom 1s ease-in;
}


@keyframes fade {
  0% {
    
    opacity: 0;
  }
  100% {
    
    opacity: 1;
  }
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-zoom
{
  0% {
    -ms-transform: scale(0); /* IE 9 */
  -webkit-transform: scale(0); /* Safari 3-8 */
  transform: scale(0)
    opacity: 0;
  }
  100% {
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari 3-8 */
  transform: scale(1);
  }
}

/*******************Animation End*****************/
/******************************Srollbar css start*************************/

/* width */
::-webkit-scrollbar {
  width: 7px;
  border-radius: 10px;
  margin: 5px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #444 !important;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #444;
}
/******************************Srollbar css end*************************/
/*******************checkbox start*****************/
.check-bx{
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration:none;
}

/* Hide the browser's default checkbox */
.check-bx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius:60px;
}

/* On mouse-over, add a grey background color */
.check-bx:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-bx input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-bx input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-bx .checkmark:after {
  left: 7px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #63B143;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*******************checkbox End*****************/



body{ font-family: "Inter", sans-serif; font-weight:300px; font-size:16px; color:#444; line-height:20px; border:0; padding:0; margin:0;}

section, section .container-fluid {padding:0;}



.bg-site{background-color:transparent; border-top:0px solid #535353; padding:0px 0;}
.bg-site .container-fluid{padding:0;}
.bg-site .navbar-brand{background-color:#fff; margin:0; padding:10px 50px 10px 100px; margin-left:-50px; transform: skew(20deg);}
.bg-site .navbar-brand img{transform: skew(-20deg); max-width:200px; max-height:95px;}
.bg-site .navbar-brand::after{background-color:#63B143!important; width:15px; content:''; display:block; float: right; height: 81%;
    position: absolute; top: 0; right: -15px;}
.my-menu{background:#000; padding-left:50px; margin-left:-25px; margin-top:20px;}
 /* Custom styles for submenu */
 
		.navbar-expand-lg .navbar-nav .dropdown-menu span.arrow{position: absolute;width: 0; height: 0;border-color: transparent; border-style: solid; top: -8px;
    left: 30px; margin-left: -5px; display:block; border-width: 0 8px 8px;  border-bottom-color: #fff;
		}
		.dropdown-item i{float:right;}
		.dropdown-item{border-bottom:solid 1px #CCCCCC; padding:15px;}
		.navbar-expand-lg .navbar-nav .dropdown-menu{min-width:225px; padding: 5px 0; margin-top: 3px;}
		.dropdown-item:hover{background-color:#63B143; color:#fff;}
		.dropdown-toggle::after{display:none;}
        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -1px;
        }

        /* Ensure submenu is displayed on hover */
        .dropdown-submenu:hover>.dropdown-menu {
            display: block;
        }

        /* Handle submenu positioning for larger screens */
        @media (min-width: 992px) {
            .dropdown-submenu:hover>.dropdown-menu {
                display: block;
            }
        }


.bg-site .nav-link{font-size:20px; font-weight:300; position:relative; padding:15px!important; color:#fff!important;}
.bg-site .nav-link.start-app{border-radius:5px; color:#fff; background:#63B143; padding:7px 10px!important; margin-top:7px; margin-right:10px; transition: 0.2s;}
.bg-site .nav-link.start-app:hover{background:#fff; }
.bg-site .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#63B143!important;}
.dropdown-item.active, .dropdown-item:active{background-color:#63B143!important;}
.bg-site .navbar-nav .nav-link:hover{color:#63B143!important;transition: width 0.5s; transition-timing-function: linear;}
.slect-lang{position:relative;}
.slect-lang select{}
.custom-select {
position: relative;
display: inline-block;
width: 205px;
background:#fff; border-radius:5px; padding:5px; position:absolute; right:10px; top:-40px; padding-left: 0px; font-size:14px;
}

.select-selected {
background-color: transparent;
padding: 2px;
border: 0;
cursor: pointer;
}
.select-selected a{color:#444;}
.select-selected .fa{float:right; font-size:22px; display:block;}
.select-selected img {
width: auto;
height:20px;
vertical-align: middle;
margin-right: 3px;
}

.select-items {
position: absolute;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
z-index: 99;
display: none;
border-radius:5px;
margin-top:5px;
}
.select-items .fa{display:none;}
.select-items div {
padding: 10px;
cursor: pointer;
display: flex;
align-items: center;
}
.select-items div a{color:#444; text-decoration:none;}
.select-items div:hover {background-color: #ddd;}

.select-items div a span{font-size:12px!important; display:block;}
.select-items img {
width: 20px;
margin-right: 10px;
}

.custom-select.active .select-items {
display: block;
}
.banner{width:100%; margin:-120px 0 0 0!important; padding:0;  height:auto; overflow:hidden; /*background:url(../image/banner.jpg); background-size:cover; background-position:right top;*/}
.banner img{width:100%; height:auto;}
.innner-banner{background-color:#D4E9CB!important;}
.mini-banner{width:100%; margin:0; padding:0; height:50vh; background:url(../image/banner-mini.jpg); background-size:cover; background-position:right top; border-bottom-right-radius:100px; }

.abt-section{position:relative; padding: 0; background:url(../image/financing-bg1.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:90%; background-color:#fff;}
.abt-section .curv{background-color:transform; border-bottom-right-radius:0px; padding:75px 0; width:100%;}
.abt-section p{font-size:18px;}
/*.abt-section p::before{display:block; width:2px; height:auto; background:#D9D9D9; content:'';}*/
.abt-section h2{color:#444444; font-size:38px; text-align:left; width:100%; position:relative; padding-bottom:10px; text-transform:capitalize;
font-weight:600;}
.abt-img img{margin-top:-200px; max-width:80%;}
.abt-img-top img{margin-top:20px; max-width:100%;}
.wht-bg h2{font-size:20px!important;}
.abt-section h2{border-bottom:solid 1px #999999; margin-bottom:30px;}
.abt-section h2 span{color:#63B143; font-size:22px; margin-bottom:5px; display:block; text-transform:capitalize; font-weight:600;}
.abt-section h2::after{content:''; display:block; width:100px; position:absolute; left:0; bottom:0; background-color:#63B143; height:6px; border-radius:20px; margin-bottom:-3px;}

.dis-flx{display:flex;}
.dis-flx .col-sm-12{flex:1;}
.dis-flx .brs-ver{border-left:solid 1px #D9D9D9; max-width:1px;}
.para-shift{max-width:100%; width:100%;  line-height:24px;}

.testimo-bg{background:url(../image/testimonial.jpg); background-position:bottom right; background-repeat:no-repeat; background-size:cover; background-color:#2A2F28; width:100%; padding:75px 0; }
.testimo-bg h2{color:#fff; font-size:38px; text-align:center; width:100%; position:relative; padding-bottom:10px; text-transform:capitalize; font-weight:600; border-bottom: solid 1px #fff; max-width:670px; margin:0 auto 30px;}
.testimo-bg h2::after{content: ''; display: block; width: 100px;  position: absolute; left: calc(50% - 50px); bottom: 0; background-color: #63B143;
height: 6px; border-radius: 20px; margin-bottom: -3px;}
.test-list{border-radius:10px; padding:20px; background-color:#fff; color:#000; max-width:31%; margin:60px 1% 0; transition-duration: 0.5s;}
.test-list:hover{background-color:#63B143; color:#fff;}
.test-list .prof-img{margin:-50px 0 15px 0px; display:block; overflow:hidden; background-color:#E7E7E7; border:solid 3px #fff; border-radius:100px; width:70px; height:70px; text-align:center; box-shadow: 0px 8px 8px #000;}
.test-list .prof-img img{width:100%;}
.test-list .details{border-bottom:solid 1px #ccc; padding-bottom:15px;}
.test-list .nam{font-weight:700; width:calc(100% - 120px); float:left;}
.test-list .star{float:left; width:120px;}
.wht-bg{background-color:#D4E9CB!important; background:url(../image/ghr-bg-inner.png); background-position:bottom right; background-repeat:no-repeat; background-size:90%; width:100%; padding:75px 0; }
.wht-bg .col-sm-12 img{max-width:100%;}
.bld{font-weight:bold; color:#000; font-size:20px;}

.finan-parent{background:url(../image/flg-bg.jpg); background-position:top left; background-size:100%; background-repeat:no-repeat; margin:0; padding:75px 0;}
.medium{text-align:center;}
.grn{color:#63B143;}
.finan-parent h2{position:relative; max-width:50%; font-size:42px; color:#63B143; font-weight:700; border-bottom: solid 1px #999; margin-bottom:30px; padding-bottom:10px;}
.finan-parent h2::after{content: ''; display: block;   width: 100px;   position: absolute;   left: 0;   bottom: 0;  background-color: #63B143;  height: 6px;   border-radius: 20px;   margin-bottom: -3px;}
.finan-lft p{font-size:18px; line-height:26px;}
.finan-lft img{max-width:100%; margin-top:20px; border-radius:30px;}
.finan-rght h3{font-size:18px; color:#444444; margin-bottom:20px; font-weight:bold; text-align:center;}
.finan-rght h3 .grn{display:block;}
.finan-rght ul{margin:0; padding:0;}
.finan-rght ul li{margin:0 0 20px 0; padding:0 0 0 30px; list-style-type:none;  width:100%; background:url(../image/Check-Circle.png); background-size:16px; background-position:left 2px; background-repeat:no-repeat; font-size:16px;}
.finan-rght ul li p{ margin-bottom:0px; line-height:normal; font-size:16px;}
.flag-section{ overflow:hidden; padding:0; max-width:31%; margin-right:2%;}
.flag-section a{text-decoration:none;}
.flag-section{border-radius:0px; overflow:hidden; padding:0; max-width:31%; margin-right:2%;}
.flag-section img{width:100%; border-top-right-radius:20px; border-top-left-radius:20px;}
.flag-section .flag-name{background:#63B143; color:#fff; font-weight:700; padding:10px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; font-size:18px; text-align:center;}
.grn-gradient{background-image: linear-gradient(#E4EFE0, #B4E79F); border:solid 1px #63B143; padding:15px; float:left; border-radius:15px; width:100%;}
.grn-gradient ul{margin:0; padding:0; width:100%;}
.grn-gradient ul li{margin:2%; padding:0; float:left; width:29%; list-style-type:none;}
.grn-gradient ul li img{width:100%;}

footer{margin:0; padding:20px 0; background:#252524; color:#fff;}
footer h2{font-size:18px;}
footer .add-foot{float:left; margin-left:15px; width:calc(100% - 175px); font-size:14px;}
footer .logo{max-width:150px; float:left; }
footer .logo img{max-width:100%; float:left;}
footer ul{width:45%; float:left; margin:0px; padding:0 0 20px 0; text-align:left;}
footer ul li{margin:0px 20px 0 0; padding:0px; width:100%; float:left; list-style-type:none;}
footer ul li a{text-decoration:none; color:#fff;}
footer ul li a:hover{text-decoration:underline; color:#63B143;}
footer a{color:#fff;}

.custome-btn{
	border-radius: 5px;
    color: #fff;
    background: #63B143;
    padding: 10px 30px !important;
    transition: 0.2s;
	border:0;
	outline:0;
	box-shadow:none;
	display:block;
	text-align:center;
	text-decoration:none;
	margin-bottom:20px;
	cursor:pointer;
}
.strng{font-weight:700;}
.max-wid-3{max-width:300px; float:left}
.costa-sec{position:relative; padding: 0; background:url(../image/internal-img_costa.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#fff; height:57vh;}

.btn-container .custome-btn{margin-right:20px; display:flex; align-items: center;}
.ftl-right{float:right!important;}
.btn-container .custome-btn span{align-self: center;}

.fr-box {border-radius:15px; background-image: linear-gradient(#E4EFE0, #B4E79F); border: solid 1px #63B143; padding: 15px; max-width:23%; margin:0px 1% 10px; position:relative; padding-bottom:42px;}

.nav-pills-fr{ padding:70px 0;}
.fr-box ul{min-height:150px; margin:0; padding:0;}

.fr-box ul li{
	background:url(../image/check-list.png); padding-left:30px; background-size:18px; background-repeat:no-repeat; background-position:left-top; list-style-type:none; width:100%; margin-bottom:20px;}
.abt-section .fr-box h2{font-size:20px!important;}

.fr-box .lrn-mr{background-color:#444; width:100%; color:#fff; padding:10px; text-align:center; display:block; border-radius:10px; margin-top:20px; text-decoration:none; cursor:pointer; position:absolute; left:0; bottom:0;}
.fr-box .lrn-mr span.btm-aro{
	position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
	bottom: -12px;
    left: 50%;
    margin-left: -5px;
    border-width: 15px 15px 0;
    border-top-color: #3A891A;
	display:none;
}
.fr-box .lrn-mr.nav-link.active span.btm-aro{display:block;}

.fr-box .lrn-mr.nav-link.active{background:#3A891A;}
.fr-tab-cont .tab-pane{background:#fff; padding:25px; border-radius:15px; border:solid 5px #3A891A;}
.mt-3{margin-top:30px;}
.tab-details ul li{
	background:url(../image/check-list.png); padding-left:30px; background-size:18px; background-repeat:no-repeat; background-position:left-top; list-style-type:none; width:100%; margin-bottom:20px;}
.tab-details h2{font-size:20px!important;}
.tab-details .int-rate{border:solid 1px #ccc; padding:15px; border-radius:10px; width:100%;}
.gray-shade{background-image: linear-gradient(#FDFAFA, #F2EFEF); border:solid 1px #ccc; padding:15px; float:left; border-radius:15px;}
.gray-shade ul{padding-left:0;}
.gray-shade .custome-btn{margin-top:20px;}
.days{background:#C1E0B4; border:solid 1px #3A891A; padding:15px 25px; border-radius:60px; width: 200px;
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 700;
    color: #3A891A;

}

.time-line .col-sm-6{border:solid 1px #ccc; border-radius:10px; width:31%; margin:10px auto; padding:15px;}
.time-line .strng{color:#3A891A;}
.dominican-sec{position:relative; padding: 0; background:url(../image/internal-img-do.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:cover; background-color:#fff; height:57vh;}

.panama-sec{position:relative; padding: 0; background:url(../image/internal-img-panama.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:cover; background-color:#fff; height:57vh;}

/********************support start**********************/
.supprt-sec{width:100%; margin:-120px 0 0 0!important; padding:0;  height:57vh; overflow:hidden; background:url(../image/internal-img-support.jpg); background-size:cover; background-position:right top;}
.contact-sec{width:100%; margin:-120px 0 0 0!important; padding:0;  height:57vh; overflow:hidden; background:url(../image/internal-img-contact.jpg); background-size:cover; background-position:right top;}

.w-col{color:#fff;}
.text-contents h2{color:#63B143; border-color:#999;}
.text-contents p{background:url(../image/check-list.png); padding-left:30px; background-size:18px; background-repeat:no-repeat; background-position:left-top;}
/********************support end**********************/
/********************about start**********************/
.abt-sec{width:100%; margin:-120px 0 0 0!important; padding:0;  height:57vh; overflow:hidden; background:url(../image/internal-img-abt.jpg); background-size:cover; background-position:left top;}
/********************about end**********************/


.cont-frm .form-group{float:left; width:98%; margin-bottom:20px; margin-right:2%;}
.cont-frm .form-group label{width:100%; float:left; margin-bottom:5px;}
.cont-frm .form-group .input-box{border:solid 1px #444; padding:10px; float:left; width:100%; background:transparent; border-radius:5px;}
.round{border-radius:30px;}
.cont-frm .form-group .input-box:hover, .cont-frm .form-group .input-box:focus{box-shadow:none; border-color:#63B143!important; outline:0;}
.step{position:relative; border-radius:10px; padding:15px 15px 15px 40px; border:solid 3px #63B143; margin-left:5%; width:93%; margin-bottom:15px;}
.step .stp-cnt{width:50px; height:50px; background:#63B143; color:#fff; font-size: 30px;
    text-align: center;
    line-height: 50px;
    left: -25px;
    border-radius: 60px;
    font-weight: 700; position:absolute;}
.step ul{margin:0; padding:0;}
.step ul li{
	background:url(../image/check-list.png); padding-left:30px; background-size:18px; background-repeat:no-repeat; background-position:left-top; list-style-type:none; width:100%; margin-bottom:20px;
}
.step ul li ul{margin-bottom:20px;}
.step ul li ul li{
	background:transparent; width:100%; margin:0 0 5px 20px; list-style-type:disc; padding:0px; 
}
.step ul li ul  h2{font-size:16px; font-weight:700; color:#63B143}

.stepwioutno{position:relative; border-radius:10px; padding:15px; border:solid 3px #63B143;  width:98%; margin:0 auto 15px;}
.stepwioutno ul{margin:0; padding:0;}
.stepwioutno ul li{
	background:url(../image/check-list.png); padding-left:30px; background-size:18px; background-repeat:no-repeat; background-position:left-top; list-style-type:none; width:100%; margin-bottom:20px;
}
.stepwioutno ul li ul{margin-bottom:20px;}
.stepwioutno ul li ul li{
	background:transparent; width:100%; margin:0 0 5px 20px; list-style-type:disc; padding:0px; 
}

.stepwioutno ul li ul  h2{font-size:16px; font-weight:700; color:#63B143}

 .carousel-caption{ display: flex; align-items: center;  justify-content: center;  height: 100%; bottom:auto; top:0;}
.carousel-caption h3{font-size:42px; font-weight:700; text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1),  0px 18px 23px rgba(0,0,0,0.1);
        background: rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 15px;
    
}

/* --- Add this CSS --- */
    .social-buttons {
      position: fixed;
      right: 10px;
      top: 50%;
      z-index:3000;
    }
    .social-buttons a {
      text-decoration: none;
      font-size: 18px;
      width:40px;
      height: 40px;
      color: #444;
      background:#fff;
      position: relative;
      margin: 4px 0;
      border-radius:60px;
      display:block;
      text-align: center;
    line-height: 40px;
    font-size: 20px;
    box-shadow: 0px 2px 5px #000;
    margin-bottom: 10px;
    }
    .social-buttons a fa{color:#444;}
    .social-buttons a:hover fa{color:#63B143;}

/********************Media start**********************/
@media only screen and (max-width: 1124px){
		
		.bg-site .nav-link{font-size:18px;}
		
	}
@media only screen and (max-width: 999px){
	.container{max-width:95%;}
	.compari-select .input-box{width:45%;}
	.bg-site .nav-link{padding:26px 10px!important; font-size:16px;}
	.navbar-brand{max-width:22%!important;}
	.navbar-brand img{width:100%;}
	.bg-site .navbar-brand{padding-left:80px;}
	.bg-site{background-color:transparent;}
	.bg-site .navbar-brand img{width:80px;}
	.navbar-toggler{background-color:#fff; margin-right:25px; margin-top:5px;}
	.bg-site .navbar-collapse{position: absolute; padding-top: 10px; border-top: solid 0px #444; top:50px; width:100%;}
	.bg-site .nav-link.start-app{margin-bottom:20px;}
	.slect-lang {position: absolute; top: -12px;  right: 50px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{width:96%;}
	.navbar-expand-lg .navbar-nav .dropdown-menu span.arrow{position:relative;}
	.abt-img img{width:100%; max-width:100%;}
	.abt-img-top img{width:100%; max-width:80%}
	.my-menu{margin-left:0; padding:10px;}
	.dropdown-submenu{max-height:220px; overflow-y:scroll;}
	.dropdown-submenu:hover>.dropdown-menu{margin:10px auto;}
	.abt-section{background-size:100%;}
	.dis-flx-abt{display:block;}
	.dis-flx-abt .col-md-7, .dis-flx-abt  .col-md-5{width:100%; max-width:100%;}
	.finan-parent h2 {max-width:100%; display:block;}
	footer .col-md-4{max-width:100%; width:100%; display:block; float:left; margin-bottom:30px;}
	footer .col-md-8{max-width:100%; display:block; width:100%;}
	footer{float:left; width:100%;}
	footer .row{display:block;}
	.banner, .contact-sec, .supprt-sec, .abt-sec{margin-top:-70px!important;}
}
@media only screen and (max-width: 767px){
    .tab-details .int-rate{margin-bottom:20px;}
    .fr-box ul{min-height:20px;}
    footer ul li{padding:0!important;}
    .abt-img img{width:103%; max-width:110%; margin-top:0px;}
    .abt-section{padding-bottom:80px!important;}
       .time-line .col-sm-6{width:100%; max-width:100%; margin-bottom:20px;}
        .carousel-caption h3{font-size:36px;}
		.btn-container .custome-btn{display:block; margin:0 10px 10px 0;}
		.nav-pills-fr{display:block;}
		.fr-box{display:block; float:left; margin:0 2% 20px; width:100%; max-width:96%;}
		.gua-lft img{margin-bottom:30px;}
		.grn-gradient ul li{width:100%; margin:0 0 20px;}
		.faq-sec img{margin-top:30px;}
		.container{max-width:100%;}
		.banner{height:60vh;}
		.carousel-item img{height:60vh;}
		.banner img{width:auto; heigh:100%;}
		.para-shift{max-width:100%;}
		.mini-banner{background-position:center top;}
		.wht-bg,  .intro, .abt-section .curv, .testimo-bg, .como-sect .inner-sec, .media-sec{padding:40px 0!important;}
		.faq-sec-with-bg{padding:40px 0 160px!important;}
		
		.abt-section .curv {border-bottom-right-radius:40px;}
		.abt-section{}
		.intro{ border-top-left-radius:40px; border-bottom-right-radius:40px;}
		.media-sec{ border-top-left-radius:40px;}
		.abt-section h2, .gua-lft h2, .gua-rght h3, .faq-sec h2{font-size:26px;}
		.como-sect .inner-sec .input-box{width:100%; margin-right:0; margin-bottom:20px;}
		.como-sect .inner-sec .cust-btn{width:100%; text-align:center;	}
		footer ul li{padding:20px;}
		.frm .form-group{width:100%; margin-left:0;}
		.compari-select .input-box{width:100%; margin-left:0;}
		.bg-site .nav-link{padding:15px 5px!important}
		.offcanvas-header .btn-close{MARGIN-LEFT:150px!important;}
		.navbar-brand{max-width:170px!important;}
		.test-list{display:block; max-width:100%; width:97%;}
		.testimo-bg{background-size:100%; background-position:top right;}
		.flag-section{margin:0 1%;}
	}
	@media (min-width: 767px) {
    .modal-dialog {
		max-width:80%;
		}
	}
	@media (max-width: 667px)
	{
	    .dis-flx{display:block;}
	    .dis-flx .col-sm-12{display:block;}
	     .abt-img img{width:90%; max-width:110%; margin-top:-20px;}
	     .para-shift .custome-btn{float:right;}
	     .carousel-caption h3{font-size:22px;}
	}
	
	