html, body{ height: 100%; font-family: "Open Sans", serif; overflow-x:hidden;}
body{margin:0px; padding-right:0!important; font-family: "Open Sans", serif; min-height: 100%; } 
*{margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; color: #000}
a:hover{text-decoration:none; outline:none;}
a:focus{text-decoration:none; outline:none;}
img{border:0;}
.btn-primary.focus, .btn-primary:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.img-thumbnail{background:none; border:none; padding:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.thumbnail img{margin:auto; display:block; padding:0; border:none; max-width:100%;}
textarea.form-control{resize: vertical;}
p{ font-size: 20px; color: #000; font-family: "Open Sans", serif;}
p strong{ font-weight: 800}
h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", serif;}
a {font-family: "Open Sans", serif;}


iframe {width:100%; height:450px; border:0px;}

.clear {clear:both;}

.container{width:100%; max-width:1240px; padding:0;}
header .bg-faded{ background:none; padding:0; width:100%;}
header a.navbar-brand span{font-size:14px; font-weight:400; font-style:italic; color:#fff; margin: 0 0 0 -70px; display: inline-block; top: 15px; position: relative;}
header nav ul.navbar-nav li{margin:0 10px;}
header nav ul.navbar-nav li a.nav-link{font-size:16px; font-weight:500; color:#fff; padding:11px 16px!important;}
/*header nav ul.navbar-nav li a.nav-link:hover{ border-bottom:2px solid #094a9c;}*/
header .navbar-light .navbar-nav .nav-link{color:#fff;}
header .navbar-light .navbar-nav .nav-link:hover{color:#fff;}
header nav li a.nav-link.btn-primary.btn{color:#FFF; text-transform:uppercase; background:#eb4f0c; border:none; border-radius:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
header nav li a.nav-link.btn-primary.btn:hover{color:#FFF;}


 /*New Top Banner 2024 Start*/
 


/* NEW BANNER ADD 3 NOV 2024 STRAT */

.banner-new-img {background:#e6e6e6; padding:50px 20px; text-align:center;}
.banner-new-img h2 {color:#1b48d5; font-size:48px; margin-bottom:50px;}
.remove-img-color.smooth {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.remove-img-color:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.add-img-color {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); margin-left:30px; margin-bottom:30px;
}
.add-img-color.smooth {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.add-img-color:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/* NEW BANNER ADD 3 NOV 2024 END */


 
.bn-xx.sdt {
	color: #fff;
	/*text-align: center;*/
	padding: 20px 0px;
}

.bn-xx.sdt1 {
	color: #fff;
	text-align: center;
	padding: 20px 0px;
}

.top-banner {
	position: relative;
	background-image: url(../images/top-banner-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px 10px;
	padding-bottom: 80px;
}




.top-bg {
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	background-color: #e4e8e7;
	text-align: center;
	padding: 40px 0px;
}
.inner-txt {
	text-align: center;
	padding: 15px;
}
.bn-xx  h2 {
	font-size: 48px;
	color: #fff;
	font-family: "Open Sans", serif;
}
.bn-xx p {
	font-size: 28px !important;
	color: #fff;
		font-weight: 600 !important;
	font-family: "Open Sans", serif; 
}

.top-bg h3 {
	font-size: 35px;
	color: #1752a9;
	font-family: "Open Sans", serif;
}
.bt-sec-1 {
	text-align: center;
	margin-top: 30px;
}

.btn-style {
	font-family: "Open Sans", serif;
	background: #fff;
	border-radius: 50px;
	padding: 16px 40px;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	border: 1px solid #fff;
	text-transform: uppercase;
}



.btn-style:hover {
	background: #ff6000;
	color: #fff;
	border: #ff6000 solid 1px;
}

.btn-more:hover {
	background: #fff;
	border: 1px solid #fff; color:#000;
}
.btn-more {
	font-family: 'Open Sans', sans-serif;
	background: #ff6000;
	border-radius: 50px;
	padding: 15px 40px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin-top: 20px;
	border: #ff6000 solid 1px;
	margin-left: 10px;
}
 

/*NEW 4 BANNER FOR HOME PAGE MARCH 2024 START */
.banner-1 {
	background: url(../images/Reception-over-Distance-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 40px 15px;
	/* position: relative; */
}

.bt-top button {
	border: 1px solid #FFF;
	background: #FFF;
	/* color: #3c3c3c; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	outline: none;
	padding: 0 28px;
	line-height: 44px;
	border-radius: 50px;
	box-shadow: 0 0 8px rgb(0 0 0 / 15%);
	margin: 14px 6px 0 0;
}

.btn-red {
	background: #ff6b23 !important;
	color: #fff !important;
	border: none !important;
}
.text-dv h1 {
	color: #fff;
	font-family:'T';
	font-size: 44px;
	font-weight: 700;
}
.logo-txt p {
	font-size: 15px !important;
}
.text-dv h2 {
	color: #fff;
	font-family:'T';
	font-size: 30px;
	font-weight: 500;
}

.text-dv p {
	color: #fff;
	font-family: open sans;
	font-size: 15px;
	font-weight: 500;
}
.inner-banner {
	display: flex;
}

.title-text {
	background: #4075b8b0;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	padding: 15px;
	position: absolute;
	border-radius: 0 0 5px 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	bottom: 4px;
	left: 4px;
	right: 4px;
}

.main-right-sec-1 {
	/* display: revert; */
	position: relative;
}

.outer-area img {
	width: 100%;
	border: 4px solid #fff;
	border-radius: 8px;
}
.in-rt {
	padding: 0!important;
}


.rt-imgs {
	display: flex;
	/* margin: 20px; */
}

.top-main-txt {
	padding: 0!important;
}
.rt-imgs {
	padding: 0 !important;
}

.outer-area {
	margin: 12px;
}

.outer-area {
	margin: 8px;
	margin-bottom: 15px;
	position: relative;
}


.inner-banner {
	-webkit-box-align: center !important;
	align-items: center !important;
}



.banner-9 {
	background: url(../images/virtual-receptionist-banner-2.jpg) no-repeat center;
	background-size: cover;
	padding: 134px 15px;
	/* position: relative; */
	background-size: cover;
}
.txt-nxt h1 {
	color: #000 !important;
}
.txt-nxt p {
	color: #000 !important;
	font-size: 18px;
}
.banner-10 {
	background: url(../images/digital-reception-banner-3.jpg) no-repeat center;
	background-size: cover;
	padding: 40px 15px;
	/* position: relative; */
	background-size: cover;
}
.txt-rd h2 {
	font-size: 20px;
	font-weight: 500 !important;
}
.banner-12 {
	background: url(../images/customization-banner-4.jpg) no-repeat center;
	background-size: cover;
	padding: 135px 15px;
	/* position: relative; */
	background-size: cover;
}

.text-lst h1 {
	color: #fff !important;
	font-size: 50px;
}
.text-lst p {
	color: #fff !important;
	font-size: 22px;
	font-family:'T';
	font-weight: 600;
}


.inner-txt {
	/* padding: 20px 20px; */
	margin: 0px 0px;
	border-radius: 20px;
	
	 background-size: cover; 
	 
	background-repeat: no-repeat;
	/* padding: 20px 0px; */
	background-color: #e4e8e7;
	background-position: bottom;
	background-position-x: center;
	/* left: 35px; */
	background-size: contain;
}
.inner-txt h1 {
	color: #2b2b2b;
	font-family: 'T';
	font-size: 35px;
	margin-top: 44px !important;
	padding-top: 30px;
}
.inner-txt {
	text-align: center;
}

.btn-style {
	font-family: open sans;
	background: #ff6000;
	border-radius: 50px;
	padding: 14px 30px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	border: none;
	text-transform: uppercase;
}
.btn-more {
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
	border-radius: 50px;
	padding: 13px 31px;
	font-size: 15px;
	font-weight: 700;
	color: #2b2b2b;
	/* border: none; */
	text-transform: uppercase;
	margin-top: 20px;
	border: none;
}
.bt-tp {
	text-align: center;
	padding-bottom: 30px;
}
.top-rt-mg img {
	display: none;
}

/*NEW 4 BANNER FOR HOME PAGE MARCH 2024 END */


 /*New Top Banner 2024 End*/



/*.container{width:100%; max-width:1170px; padding:0;}*/

video {position:fixed; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; transform: translateX(-50%) translateY(-50%); background: url('') no-repeat; background-size:cover; transition:1s opacity;}


.fa-tiktok:before{content:"\e07b"}
.fa-tiktok{content:"\e07b"}


video {min-width:100%; min-height:100%; width:auto; height:760px; background-size:cover; z-index:100; position:absolute; transform: translateX(-50%) translateY(-50%); transition:1s opacity;}
/*video {position:fixed; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; transform: translateX(-50%) translateY(-50%); background: url('') no-repeat; background-size:cover; transition:1s opacity;}*/



.first-top-banner {background: url(../images/banner-top.jpg) top right no-repeat; background-size:cover; width:100%; height:100%; padding:50px 0;}

.first-top-banner h1 {font-family: 'Merriweather', serif; font-size:70px; color:#FFF; margin-top:140px; margin-bottom:80px;}
.first-top-banner a {color:#FFF; background:#094a9c; font-size:18px; text-align:left; padding:10px 35px; border-radius:30px; display:inline-block; margin-bottom:10px;}
.first-top-banner a:hover {background:#ff8403;}
.first-top-banner a.active {background:#ff8403;}
.first-top-banner .bg-none {background:none!important;}



.top-main-banner {background:url(../images/top-main-banner.jpg); width:100%; height:100%; background-position: center;
  background-repeat: no-repeat; background-size:cover;
   text-align:center;}
.top-main-banner .top-text {bottom:0px; top:500px; position:relative; padding:0 150px;}
.top-main-banner h1 {font-family: 'Merriweather', serif; font-size:60px; color:#FFF; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);}
.top-main-banner a {color:#FFF;}


.home-banner-bg {background:#000; background-size:cover; padding-bottom:0px; position:relative; height:100%; min-height:700px; margin:00px 0 0 0; overflow:hidden;}
.home-banner-bg .banner-video {width:100%; min-height:100%; height:auto; background-size:cover;}
.home-banner-bg .scroll-txt{bottom:40px;}


.home-banner-bg-new {background:url(../images/banner-text-bg.png) center; z-index:999; height:auto; bottom:0;  top:0; padding:30px 0 30px 0; margin:250px 0; text-align:center; border:solid 1px #000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.home-banner-bg-new h3 {font-size:60px; font-weight:400; color:#FFF; padding:0px;}
.home-banner-bg-new a {
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
    background: #ed7d31;
    z-index: +999;
    padding: 14px 40px;
    margin: 30px 0 15px 0;
    display: inline-block;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.home-banner-bg-new .mlr7 {margin:0 70px;}
.home-banner-bg a {color:#FFF;}


.vertical-center {margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}


.slide-outer {width:100%;}
.slide-outer h2 {font-size:40px!important; line-height:55px!important}
.slide-outer p {font-size:20px!important;}
.slide-outer a:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}







.middle-main {background:#ededed; padding:70px 0; text-align:center;}
.middle-main h2 {font-size:44px; color:#000;}
.middle-main h3 {font-size:34px; color:#000;}
.middle-main a.btnNEW {font-size:24px; font-weight:700; color:#FFF; background:#ed7d31; padding:14px 40px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:30px; display:inline-block;}
.middle-main a.btnNEW:hover{background:#cd6926;}



.btn-link {font-family: 'Geogrotesque-Regular'; font-weight: 800; color: #000; font-size:22px; border-radius: 0;}






.scroll-txt{ width:100%; float:left; z-index:9999; position:absolute; left:0; right:0; text-align:center; color:#FFF; bottom:90px; font-size:13px; font-weight:500; letter-spacing:4px; transform:translateY(-5px); animation:bounce .5s infinite alternate; -webkit-animation:bounce .5s infinite alternate;}

@keyframes bounce {
  from {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(-10px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

.modal.video-modal .modal-dialog {width:100%; max-width:752px;}







/* Footer Part CSS Start */

.footer-link-bg{background:#313131; padding:65px 15px;}
.footer-link-bg h3{font-size:16px; font-weight:500; color:#FFF;}
.footer-link-bg hr{background:#ed7d31; height:4px; width:40px; margin:20px 0; border:none;}
.footer-link-bg ul li{font-size:15px; font-weight:400; display:block;  color:#d7d7d7; padding:5px 0;}
.footer-link-bg ul li a{font-size:15px; font-weight:400; color:#d7d7d7; padding:0; display:inline-block;}
.footer-link-bg ul li a:hover{color:#FFF;}
.footer-link-bg ul.contact li a{color:#ed7d31;}
.footer-link-bg ul.contact li a:hover{color:#FFF;}

.footer-grey-bg{background:#eaeaea; padding:25px 15px;}
.footer-grey-bg .bottom-top-arrow{margin:-60px 0 0 0; }
.footer-grey-bg .bottom-top-arrow a{margin:0; display:inline-block;}
.footer-grey-bg span{font-size:17px; font-weight:600; color:#094a9c; line-height:24px; max-width:600px;}
.footer-grey-bg .icon-back a{margin:0 0 0 14px;}

.footer-white-bg{background:#FFF; padding:15px;}

.footer-white-bg p{margin:0; padding:0; font-size:13px!important; color:#666;}
.footer-white-bg .bottom-nav ul li{float:left; margin:0 15px 0 0;}
.footer-white-bg .bottom-nav ul li a{font-size:14px; color:#094a9c;}
.footer-white-bg .bottom-nav ul li a:hover{text-decoration:underline;}

/* Footer Part CSS End */

 
 

.form-check-input {margin-left: -0.25rem!important;}
.modal-title {font-size:24px!important; text-align:center;}
.modal-body iframe {height:450px!important;}
.modal-lg {max-width:1020px!important;}
.modal-body p a {color:#00C; text-decoration:underline;}



/*------------------- April--15---2022------------------*/

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../fonts/Swiss721BT-RomanCondensed.woff2') format('woff2'),
        url('../fonts/Swiss721BT-RomanCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@media screen and (min-width:100px) and (max-width:767px){
	.btn-more {
	margin-left: 0px;
}
	
	.top-bg {
	border-radius: 10px;
	padding:10px 0px;
}
	.dpn {display:block;}
	.dpn1 {display:none;}
	.bn-xx  h2 {
	font-size: 34px;
	color: #fff;
	
}
.bn-xx p {
	font-size: 20px !important;
		
}
	
.new-homepage-desgin-page .new-btn-area .btn{margin-bottom:15px;}	
.new-btn-area.pt-5 {padding-top:20px!important;}
.new-btn-area.black-btn-area.pt-4 {padding-top: 20px!important;}
.new-homepage-desgin-page .py-80 {padding-top:40px; padding-bottom:40px;}
.new-homepage-desgin-page p{font-size:16px; line-height:normal;}

.new-homepage-desgin-page .banner-area h1{font-size:34px;}
.new-homepage-desgin-page .banner-area h2{font-size:20px; line-height:normal; padding: 0}
.new-homepage-desgin-page .banner-area h3{font-size:16px; line-height:normal;}
.new-homepage-desgin-page .banner-area .banner-img{padding:0; margin-top: 30px;}
	
	
.new-homepage-desgin-page .font-swis{font-size:32px; line-height:normal;}
.new-homepage-desgin-page .font-open{font-size:20px; line-height:normal;}

.new-homepage-desgin-page .blue-ipad-section .py-80 {padding-top:40px; padding-bottom:20px;}	
.new-homepage-desgin-page .blue-ipad-section .ipad-img {position: relative; right: 0; padding-right: 0; top: 0; max-width:100%; padding-bottom:40px;}

.new-homepage-desgin-page .video-txt-bg-section .white-bg{padding:40px 20px;}
.new-homepage-desgin-page .video-thumbnail-section .white-bg{padding:30px 20px;}
.new-homepage-desgin-page .video-thumbnail-section h3 {font-size: 19px;}
.new-homepage-desgin-page .video-thumbnail-section p {font-size: 16px;}


}

@media ( min-width:320px ) and ( max-width:767px ) {   
.inner-banner {
	display: inline;
}
.container {
	max-width: 100% !important;
}
.rt-imgs {
	margin-top: 30px;
}

.top-main-txt {
	margin-left: 10px;
}
.banner-2 {
	background: #e6e6e6;
}
.top-rt-mg img {
	display: block;
	width: 100%;
}
.top-rt-mg {
	padding: 0 !important;
	margin-top: 40px;
}

.title-text {
	
	font-size: 14px;
	text-align: center;
	padding: 8px;
	
}

.text-dv h1 {
	
	font-size: 36px;
}

.banner-2 {
	padding: 30px 0px 0px 0px;
	
}

.banner-4 {
	padding: 40px 15px;
	/* position: relative; */
	background-size: cover;
}


}


@media screen and (min-width:767px) and (max-width:1180px){
	
.new-homepage-desgin-page .new-btn-area .btn{font-size: 14px; padding:0 20px; margin: 0 14px 0 0;}
	
}

@media screen and (max-width:1024px){
	 
.new-homepage-desgin-page .new-btn-area .btn {
    margin-bottom: 15px;
    width: auto;
}
}