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

html {
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth
}

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

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-track {
    background: #f9f9f9
}

::-webkit-scrollbar-thumb {
    background: #091a51
}

sup {
    top: 0;
    font-size: 50%;
    vertical-align: super;
}

a { color:#006bfe; }
a:hover {
    text-decoration: none;
}

button:focus,
input:focus {
    outline: none;
}

h1,h2,h3,h4,h5,h6 { margin-bottom: 15px; font-weight: bold; }
h1 {
    font-size: 45px;
    line-height: 60px;
}

h2 {
    font-size: 44px;
    line-height:50px;
}

h3 {
    font-size: 32px;
    line-height: 42px;
}

h4 {
    font-size: 28px;
    line-height: 40px;
}

h5 {
    font-size: 24px;
    line-height:32px;
}

h6 {
    font-size: 20px;
    line-height: 28px;
}

p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
}


img, video, iframe {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

a {
    transition: all 0.5s ease;
}

.clickable {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mobile_element {
    display: none;
}

.container {
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 15px;
}

.btn {
    background: #006bfe;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    padding: 10px 25px;
    display: inline-block;
    min-width: 140px;
    transition: all 0.5s ease;
    min-height: 46px;
    text-decoration: none;
    text-align: center;
}

.btn:hover {
    background: #0359d0;
    color: #fff;
}

.animation {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.5s linear;
}

.animation.ani {
    opacity: 1;
    transform: translate(0, 0);
}

body {
    font-family: 'Inter', sans-serif;
    color: #2a2d37;
    font-size: 16px;
    line-height: 28px;
}

.header { background: #cfedff; padding: 15px 0; z-index: 6; position: fixed; left: 0; top:0; width:100%; }
.headroom {
    -webkit-transition: transform 400ms linear;
    -moz-transition: transform 400ms linear;
    -o-transition: transform 400ms linear;
    transition: transform 400ms linear;

}
.headroom--pinned {
  -webkit-transform: translateY(0%);
  -moz-transform:    translateY(0%);
  -ms-transform:     translateY(0%);
  -o-transform:      translateY(0%);
  transform: translateY(0%);
}
.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  -moz-transform:    translateY(-100%);
  -ms-transform:     translateY(-100%);
  -o-transform:      translateY(-100%);
  transform:        translateY(-100%);
  top:1px;
} 
.header .container { display: flex; align-items: center; justify-content: space-between; }
.navigation ul { display: flex; align-items: center; }
.navigation ul li { list-style: none; }
.navigation ul li a { color:#2a2d37; font-size:16px; font-weight:400; padding:10px 20px; display: block; text-decoration: none; }
.navigation ul li:last-of-type { margin-left:15px; }
.navigation ul li a.btn { background:#091a51; color:#fff; }
.navigation ul li a.btn:hover { background:#172f7d; }

.top_section { background:#cfedff url(../images/top_bg.jpg) no-repeat center bottom; padding-top:160px; position: relative; overflow: hidden; }
.top_section .container { display:flex; align-items:flex-start; }
.top_section .textleft { width:50%; padding-right: 50px; }
.top_section .textleft h1 { margin-bottom:25px; }
.textleft .btn { min-width:240px; text-align: center; }
.special_text { margin-top: 50px; }
.top_section .video_box { width:50%; position: relative; z-index:1; }
.top_section .video_box:before { content: ""; position: absolute; right: -106px; bottom: -98px; width:170px; height:155px; background:url(../images/blue_dots.png) no-repeat; }
a.play_icon { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: 1; cursor: pointer; } 

.features { display: flex; align-items: center; justify-content: space-between; width:100%; margin:50px 0px; padding-top:60px; padding-bottom:30px; }
.features li { list-style: none; padding-left:50px; position: relative; }
.features li:before { content: ""; background:#cfedff; width:1px; height:55px; position: absolute; right:-50%; top:0px; }
.features li:nth-child(1):before { right:-63%; }
.features li:nth-child(3):before { right:-100%; }
.features li:nth-child(4):before { display: none; }
.features li:first-of-type { border-left:none; }
.features li span.icon { width:35px; height:35px; position: absolute; left:0px; top:9px; }
.features li p { margin:0px; }
.features li p strong { display: block; font-size:28px; font-weight:bold; }

.about_sec { padding:90px 0px; }
.about_sec .container { max-width: 1200px; }
.about_top { display:  flex; align-items: center; }
.about_top .textbox h2 { margin-bottom:30px; }
.about_top .textbox, .about_top .imagebox { width:50%; }
.about_top .textbox { padding-right: 10px; }

.about_tabs { margin-top:50px; margin-bottom:40px; }
.about_tabs .tabs-nav ul { border-bottom:1px solid #e8e8e8; display: flex; justify-content: center; margin-bottom:50px; }
.about_tabs .tabs-nav li { list-style: none; position: relative; }
.about_tabs .tabs-nav li a { text-decoration: none; display: block; text-transform: uppercase; color:#a7a8b1; padding:10px 25px; }
.about_tabs .tabs-nav li.active:before { width:100%; height:1px; top:100%; left:0px; content: ""; background:#006bfe; position: absolute; }
.about_tabs .tabs-nav li.active a { color:#2f2f32; font-weight:bold; }
.tabs-content > div:not(:first-child), .tabs-content01 > div:not(:first-child), .tabs-content02 > div:not(:first-child) { display: none; }
.tabwrap { display: flex; align-items: center; }
.tabwrap .imagebox { width:50%; }
.tabwrap .textbox { width:50%; padding-left:50px; }
.tabwrap .textbox a { text-decoration: none; color:#006bfe; }
.tabwrap .textbox a img { margin-left:5px; transition: all 0.5s ease; }
.tabwrap .textbox a:hover img { margin-left:10px; }

.howweare_sec { background:url(../images/howweare_bg.png) no-repeat top left #091a51; padding:70px 0px; }
.head { max-width:520px; margin:0px auto 25px; text-align: center; }
.head h3 { color:#fff; font-size:44px; font-weight:bold; }
.head p { opacity:0.7; color:#fff; font-weight:400; }
.howweare_sec li p { color:#a1a1a1; font-weight:400; }
.howweare_sec ul { display: flex; justify-content: space-between; }
.howweare_sec li { list-style: none; width:23%; }
.howweare_sec li h6 { color:#fff; font-weight:600; margin:15px 0px; }
.howweare_sec li a, .teamblock a, .top_head a { text-decoration: none; color:#28aefb; }
.howweare_sec li a img, .teamblock a img, .top_head a img { transition:all 0.5s ease; }
.howweare_sec li a:hover img, .teamblock a:hover img, .top_head a:hover img { margin-left:10px; }
.morelink:after { background:url(../images/blue_arrow.png) no-repeat; width:16px; height:13px; content: ""; display: inline-block; vertical-align: middle; margin-left:4px; transition:all 0.5s ease; }
.morelink:hover:after { margin-left:15px; }

.reals_sec { padding-top:100px; padding-bottom:100px; }
.reals_sec .head {max-width: 550px;}
.reals_sec .head h3, .reals_sec .head p, .team_sec .head p, .team_sec .head h3, .blog_sec .head h3, .blog_sec .head p, .client_sec .head p, .client_sec .head h3 { color:#2a2d37; opacity:1; }
.reals_list { display: flex; margin-top:50px; }
.reals_list li { list-style: none; width:calc(25% - 15px); margin-left:30px; position: relative; }
.reals_list li:first-of-type { margin-left:0px; }
.reals_list li .play_btn { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:1;}
.reals_list li p { position: absolute; bottom:0px; left:0px; padding:10px 10px 0; color:#fff; font-weight:600; z-index:1; }
.reals_list li .thumb { position: relative; z-index:0; overflow: hidden; }
.reals_list li .thumb > img { transform: scale(1); transition:all 0.5s ease; }
.reals_list li:hover .thumb > img { transform:scale(1.1); }
.reals_list li .thumb:before { content: ""; width:100%; background:url(../images/real_overlay.png) no-repeat center bottom; position: absolute; left:0px; bottom:0px; height:100%; z-index:1; }

.portfolio_sec { background:#091b52 url(../images/tabs_bg.png) no-repeat left top; padding:70px 0px; }
.portfolio_sec .head { max-width:1090px; }
.portfolio_sec .text_img { margin-bottom:20px; }
.portfolio_sec .tabs-nav01 { max-width:800px; margin:0px auto 50px; border-bottom:1px solid rgba(255,255,255,0.2); }
.portfolio_sec .tabs-nav01 ul { display: flex; justify-content: space-between; padding:0px 15px; }
.portfolio_sec .tabs-nav01 ul li { list-style: none; }
.portfolio_sec .tabs-nav01 ul li a { display:inline-block;text-align: center; text-decoration: none;  cursor: pointer; text-transform: uppercase; font-weight:300; color:#ffffff; padding:10px; position: relative; }
.portfolio_sec .tabs-nav01 ul li.active a { opacity:1; font-weight:600; }
.portfolio_sec .tabs-nav01 ul li.active a:before { content: ""; background:#28aefb; width:100%; height:1px; position: absolute; bottom:0px; left:0px; }
.portfolio_sec .imagebox { margin: 0px 50px; }
.portfolio_sec .imagebox img { width:100%; height: auto; }
.portfolio_sec .slider-single .slick-prev { top: 50%;position: absolute;left: 25%; background:url(../images/arrow_white.png) no-repeat; width:60px; height:60px; border:none; cursor: pointer; font-size:0px; z-index:2; margin-top:-30px; }
.portfolio_sec .slider-single .slick-next { top: 50%;position: absolute;right: 25%; margin-top:-30px; background:url(../images/arrow_white.png) no-repeat; width:60px; height:60px; border:none; cursor: pointer; font-size:0px; z-index:2; transform: rotate(-180deg); }

.team_sec { padding:50px 0px; }
.team_sec .container { max-width:980px; margin:0px auto; }
.team_sec .head { max-width:820px; }
.teamblock { display: flex; align-items: center; margin:80px auto; position: relative; }
.teamblock:before { content: ""; background:url(../images/gray_dots.png) no-repeat; width:173px; height:198px; position: absolute; right: -120px;
    bottom: -50px; pointer-events: none; }
.teamblock .thumb { width:320px; height:320px; position: relative; }
.teamblock .right_disc { width:calc(100% - 320px); padding-left:35px; }
.teamblock .social_icon { position:absolute; right:20px; bottom:20px; }
.teamblock .avtar { width:100%; height:100%; display: block; border-radius:100%; overflow: hidden; }
.teamblock .avtar img { width:100%; height:100%; object-fit:cover; }

.review_sec { background:#f2f5f7; padding:80px 0px; }
.review_sec .top_head { display: flex; align-items: center; justify-content: space-between; }
.review_sec h3 { font-size:44px; }
.review_sec .right { width:200px; text-align: right; }
.review_sec .left { width:calc(100% - 200px); padding-right:50px; }
.review_sec .left p { max-width:800px; }

.client_boxes { display: flex; flex-wrap: wrap; padding-top:25px; }
.client_boxes .boxRaw { width:calc(33.20% - 25px); margin-left:40px; }
.client_boxes .boxRaw:first-of-type { margin-left:0px; }
.boxRaw .whitebox { background:#fff; padding:15px; border-radius:10px; width:100%; margin-bottom:40px; }
.small_head { display: flex; align-items: center; margin-bottom:20px; }
.small_head .avtar { width:80px; height:80px; border-radius:100%; overflow: hidden; }
.small_head .avtar img, .small_posts li .thumb img { width:100%; height:100%; object-fit: cover; }
.small_head .text_disc { width:100%; }
.small_head .text_disc h6 { font-size:18px; margin-bottom:0px; }
.small_head .text_disc p { margin-bottom:0px; font-size:14px; line-height:20px; }

.blog_sec { padding:70px 0px; }
.blog_sec .head { max-width:700px; }
/*.blog_wrap { display: flex; flex-wrap: wrap; padding-top:30px; }
.blog_wrap .large_post { width:calc(100% - 530px); padding-right:40px; }
.large_post .thumb { width:100%; overflow: hidden; margin-bottom:15px; }
.large_post .thumb img, .small_posts li .thumb img { width:100%; height: 100%; object-fit:cover; transform:scale(1); transition:all 0.5s ease; }
.large_post:hover .thumb img, .small_posts li:hover .thumb img { transform:scale(1.1); }
.with_readmore { display: flex; align-items: center; justify-content: space-between; }
.with_readmore p { width:calc(100% - 150px); margin-bottom:0px; }

.small_posts { width:530px; }
.small_posts li { list-style: none; display: flex; margin-bottom:25px; }
.small_posts li .thumb { width:215px; height:120px; overflow:hidden;}
.small_posts li .disc { width:calc(100% - 215px); padding-left:15px; }*/
.home-blog-slider {padding: 10px 0px 30px 0px;}
.blog-box .img { overflow: hidden; margin-bottom:15px;}
.blog-box .img img {width:100%; height: 200px; object-fit:cover; transform:scale(1); transition:all 0.5s ease; }
.blog-box:hover .img img {transform:scale(1.1); }
.blog-box .read-more {border-bottom: solid 1px #006bfe;}
.blog-box h6 a {color: #2a2d37;}
.blog-box h6 a:hover {color: #2a2d37;}
.responsive .slide-item {margin: 0px 15px;}
.responsive .slick-dots {margin: 15px 0px 0px 0px;}

.awards_sec { background:url(../images/awards_bg.jpg) no-repeat center bottom; padding:80px 0px 0px; background-size: cover; margin-bottom:120px; }
.awards_sec .head { max-width:985px; }
.awards_sec .head p { max-width:750px; margin:0px auto 25px; }

.award_list { display: flex; justify-content: space-between; margin-top: -50px; }
.award_list li { list-style:none; background:#f4f4f4; width:180px; height:180px; border-radius:100%; display:flex; align-items:center; justify-content:center; position: relative; top:100px; padding:25px; transition:all 0.5s ease; }
.award_list li:nth-child(1), .award_list li:nth-child(6) { top: 60px; }
.award_list li:nth-child(2), .award_list li:nth-child(5) { top: 90px; }
.award_list li:hover { filter: grayscale(1); -webkit-filter: grayscale(1); }

.client_sec { padding:80px 0px; }
.client_tabs { display: flex; flex-wrap: wrap; padding-top:30px; }
.client_tabs .tabs-nav02 { width:270px; position: relative; border-right:1px solid #f1f1f1; }
.client_tabs .tabs-nav02 li { list-style: none; }
.client_tabs .tabs-nav02 li a { display: block; padding:15px 15px 15px 0px; position: relative; text-decoration:none; color:#2a2d37; font-size:18px; line-height: normal; }
.client_tabs .tabs-nav02 li.active a { color:#006bfe; font-weight:600; }
.client_tabs .tabs-nav02 li:hover a { color:#006bfe; }
.client_tabs .tabs-nav02 li a span { display: block; color:#8d8f98; font-size:14px; margin-top:5px; font-weight:normal; }
.client_tabs .tabs-content02 { width:calc(100% - 270px); padding-left:30px; }
.client_list { display: flex; flex-wrap: wrap; }
.client_list li { list-style: none; width:calc(100%/4 - 15px); border:2px solid #eeeff0; padding:15px; min-height:110px; display: flex; align-items: center; justify-content: center; margin-bottom:20px; margin-left:20px; transition:all 0.5s ease; }
.client_list li:nth-child(4n+1) { margin-left:0px; }
.client_list li img { max-width: 100%; max-height:70px; object-fit:contain; transition:all 0.5s ease; transform:scale(1); }
.client_list li:hover { border-color:#006bfe; }
.client_list li:hover img { transform:scale(1.1); filter: grayscale(1); -webkit-filter: grayscale(1); }

.contact_sec { background:#0b246d url(../images/contact_bg.jpg) no-repeat center center; padding:70px 0px; }
.contact_sec .container { display: flex; align-items: center; flex-wrap: wrap; max-width:1200px; }
.contact_sec .left_col { width:55%; padding-right:50px; }
.contact_sec h3 { color:#fff; font-size:44px; }
.contact_sec p { color:#fff; opacity:0.8; max-width:520px; }
.address { padding-left:50px; position: relative; background:url(../images/address.png) no-repeat left top; }
.address h6 { color:#fff; font-weight:600; }
.address p { opacity:1; }

.contact_sec .right_col { width:45%; background:#fff; border-radius:15px; padding:30px 20px; }
.contact_sec .field { margin-bottom:25px; position: relative; }
.field input[type="text"], .field input[type="email"], textarea { width:100%; border:1px solid #e0e0e0; border-radius:4px; min-height:48px; padding:10px 15px; font-size:16px; outline: none; }
.field input[type="text"]:focus, .field input[type="email"]:focus, textarea:focus { border-color:#006bfe; }
textarea, .field input.msg { min-height:180px; resize: none; vertical-align: top; }
.contact_sec .field label { color:#999999; font-size:16px; font-weight:normal; transition:all 0.5s ease; position: absolute; left: 15px; top: 10px; pointer-events: none; }
.field.answers input[type="text"] { padding-left:95px; }
.field.answers span { position: absolute; left:0px; top:0px; }
form .btn { border:none; cursor: pointer; }
.contact_sec .field.lab_anim_done input { border-color: #006bfe; }
.contact_sec .field.lab_anim_done label { top: -15px;color: #006bfe;font-size: 14px;background: #fff;padding: 0px 5px;left: 10px; }

.copyRight { text-align: center; }
.copyRight p { padding:30px 0px; text-align: center; margin:0px; }


.slider-single .slick-list { height: auto !important; min-height: 300px; }
.mobileNavBtn { display: none; }
.overLay { background:rgba(0,0,0,0.75); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:5; visibility: hidden; opacity:0; transition: all 0.5s ease; }

.modal { opacity:0; visibility:hidden; display: block !important; transition:all 0.5s ease; transition:all 0.5s ease; background: rgba(0,0,0,0.5); }
.modal.show { opacity:1; visibility:visible; }
.modal .close { position:absolute; right:-15px; opacity:1 !important; background:#fff; width:30px; height:30px; text-align:center; border-radius:100%; top:-15px; line-height:30px; box-shadow:0px 0px 4px rgb(0 0 0 / 75%); z-index:2; }
.modal .modal-dialog { max-width:950px; }

.modal .modal-body { display: flex; }
.modal .modal-body .leftbox { width:285px; }
.modal .modal-body .rightbox {  width:calc(100% - 285px); padding-left:30px; overflow: auto; max-height: 500px; }
.modal-body .member_thumb { width:100%; height:300px; overflow: hidden; background:#ccc; }
.modal-body .member_thumb img { width:100%; height:100%; object-fit:cover; }
.modal-body .member_disc { text-align: center; padding-top:10px; }
.modal-body .rightbox p { font-size:16px; line-height:24px; margin-bottom:15px; }

.video_frame { width:100%; }
.video_frame iframe { height:500px; width:100%; }


.morecontent span {
    display: none;
}
.morelink {
    display: block;
    margin-top: 10px;
}

@keyframes videomodule-anim {
    0% {
        transform: scale(0.68);
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
.play_icon { position: relative; }
.play_icon:after, .play_icon:before { content: '';border: 1px solid #fff;width: 150%;height: 150%;border-radius: 100px;position: absolute;left: -25%;top: -25%;opacity: 1;animation: 1s videomodule-anim linear infinite; }
 .play_icon:before { animation-delay: .5s; }


.acc__panel, .about_accordian { display:none; }



/*blog detail page css*/
.inner-middle {padding-top: 103px;}
.blogDetailSecA {position: relative; padding:6rem 0px; overflow: hidden;}
.blogDetailSecA .col-md-6 {position: inherit;}
.blogDetailSecA .img img { height: 100%; max-width: inherit;}
.blogDetailSecA .img {position: absolute; left:51%; top: 0px; min-height: 100%;}
.blogContent {max-width: 720px; margin:3rem auto; color: #202020;}
.blogContent p {font-size: 1.15rem;margin-bottom: 2rem; }
.blogContent .img {margin-bottom: 2rem;}
.blogContent h2 {font-size: 2rem; margin-bottom: 2rem;}
.blogContent ul {padding-left: 30px;}
.blogContent ol {padding-left: 30px;}

.shareSocial .title {padding: 40px 0px 10px 0px; font-size: 16px;  color: #202020;}
.shareSocial a {width: 44px; height: 44px; background:#2d6df3 url(../images/share-social.png) no-repeat -4px -3px; display: inline-block; vertical-align: top; margin: 0px 10px 10px 0px;border-radius: 50%;}
.shareSocial .twiter {background-position: -53px -2px;background-color: #1da4f7;}
.shareSocial .in {background-position: -103px -3px; background-color: #1e5694;}
.shareSocial .msg {background-position: -155px -2px; background-color: #000000;}

.loading {margin: -1px 0px 0px 5px; display: inline-block; vertical-align: top;}
.sucessMesg {text-align: center; padding:30px 0px 30px 0px; font-size: 18px; color: green;}












.slick-dots {text-align: center; padding: 5px 0px;}
.slick-dots li {display: inline-block;}
.slick-dots li button {display: inline-block; width: 12px; height: 12px; border-radius: 50%; border:none; font-size: 0px; background-color: #b8d6ff; margin: 5px;}
.slick-dots li.slick-active button {background-color: #006bfe;}
.modal-dialog {min-height: calc(100vh - 60px); display: flex; flex-direction: column; justify-content: center; }

/*Responsive*/
@media (max-width:1299px) {
    .portfolio_sec .slider-single .slick-prev { left:19.5%; }
    .portfolio_sec .slider-single .slick-next { right:19.5%; }
    
    .top_section .textleft h1 br { display: none; }
    .features { padding-top:30px; margin: 30px 0px; }
    .client_boxes .boxRaw {width: calc(33.33% - 17px);margin-left: 25px; }
}

@media (max-width:1199px) {
    .portfolio_sec .imagebox { margin: 0px 10px; }
    .portfolio_sec .slider-single .slick-next, .portfolio_sec .slider-single .slick-prev { background-color:#006bfe; border-radius:100%; width:40px; height:40px; background-size: contain; margin-top:-20px; }
    
    .features li:before  { display: none; }
}

@media (max-width:1024px) {
    .top_section { padding-top:120px; }
    .header { padding:10px 0px; }
    .navigation ul li a { padding:10px 15px; font-size:14px; }  
    
    h1 {font-size: 40px;line-height: 50px; }
    h4 {font-size: 26px;line-height: 34px; }
    h6 { font-size: 18px; line-height: 24px; }
    h2, .head h3, .review_sec h3 {font-size: 35px;line-height: 40px;}
    body { font-size: 16px;line-height: 26px; }
    p {font-size: 16px;line-height: 26px;margin-bottom: 20px;}
    .about_sec {padding: 40px 0px;}
    .teamblock:before { display: none; }
    .award_list li { width:145px; height:145px; }
    .contact_sec { padding:40px 0px; }
    textarea, .field input.msg { min-height:140px; }
    
    .about_tabs .tabs-nav li a { padding:10px 15px; font-size:14px; text-align: center; }
    .reals_list li .play_btn { width:40px; height:40px; }
    .reals_list li { width: calc(25% - 10px); margin-left: 15px; }
    .small_head .avtar {
    width: 50px;
        height: 50px; }
    .small_head .text_disc { width:calc(100% - 50px); }
    .blog_wrap .large_post { padding-right:20px; }
    
    .modal .modal-body .leftbox { width: 215px; }
    .modal .modal-body .rightbox { width:calc(100% - 215px); }
    .modal .modal-dialog { max-width: 850px; }
}

@media (max-width:991px) {
  .small_posts { width: 400px; }
    .blog_wrap .large_post { width:calc(100% - 400px); }
    .small_posts li .thumb { width:180px; }
    .small_posts li .disc { width:calc(100% - 180px); }
    .mobileNavBtn { width:40px; height:35px; border-radius:4px; background:#091a51; display: block; padding: 4px 0; }
    .mobileNavBtn span { display: block; margin:5px auto; width:25px; height:2px; background:#fff; }
    .logo { max-width:110px; }
    .openNav .overLay { opacity:1; visibility:visible; }
    .navigation {visibility: hidden; opacity:0;position: fixed;background: #b6dff7;left:-100%;width: 100%;top: 75px;height: 100%;min-height: 100vh;overflow: hidden; z-index: -1;transition: all 0.5s ease; }
    .openNav .navigation { left:0px; visibility: visible; opacity:1; width:300px; }
    .navigation ul { flex-wrap: wrap; }
    .navigation ul li { width:100%; }
    .navigation ul li:last-of-type { margin-right:15px; }
  .award_list li {width: 125px;height: 125px;padding: 15px;}
    .client_tabs .tabs-nav02 { width:200px; }
    .client_tabs .tabs-nav02 li a { font-size:15px; padding:10px 10px 10px 0px; }
    .client_tabs .tabs-nav02 li a span { font-size:12px; }
    .client_tabs .tabs-content02 { width:calc(100% - 200px); padding-left:15px; }
}

@media (max-width:767px) {
    .modal-dialog {min-height: calc(100vh - 20px); }
    h1 { font-size: 34px; line-height: 43px; }
    h3 { font-size: 24px; line-height: 30px; }
    h4 {font-size: 20px;line-height: 28px;}
    .top_section .container, .about_top, .tabwrap, .howweare_sec ul, .teamblock, .with_readmore { flex-wrap: wrap; }
    .top_section .textleft, .about_top .textbox, .about_top .imagebox { width:100%; padding-right:0px; text-align: center; }   
    .top_section .video_box { margin:20px auto auto; width:100%; max-width:450px; }
    .features {margin: 20px 0px; display: flex; flex-wrap: wrap; }
    .features li {flex:0 0 50%; margin-bottom: 20px;}
    .about_top .textbox { padding-bottom:25px; }
    .about_tabs .tabs-nav ul, .portfolio_sec .tabs-nav01 ul { overflow-x:auto; width:100%; justify-content: flex-start; }
    .about_tabs .tabs-nav ul li a { white-space: nowrap; }
    .about_tabs .tabs-nav li.active:before { display: none; }
    .tabwrap .imagebox { width:100%; text-align: center; }
    .tabwrap .textbox { width:100%; text-align: center; padding-left:0px; padding-top:25px; }
    h2, .head h3, .review_sec h3, .contact_sec h3 { font-size: 28px; line-height: 33px; }
    
    .howweare_sec li { width:50%; padding:10px; text-align: center;}
    .reals_sec { padding:50px 0px; }
    .reals_list { padding: 0px 15px; flex-wrap: wrap; }
    .reals_list li { width: calc(50% - 10px); margin-bottom:15px; }
    .reals_list li:nth-child(2n+1) { margin-left: 0px; }
    .reals_list li .thumb > img { width:100%; height: auto; }
    .reals_list li .thumb:before { background-repeat: repeat-x; }
    
    .slider-single .slick-list { min-height:250px; }
    .teamblock .thumb {width: 250px;height: 250px;margin: 0px auto;}
    .teamblock .right_disc { width:100%; padding-left:0px; padding-top:25px; text-align: center; }
    .teamblock { margin: 20px auto; }
    .review_sec { padding:50px 0px; }
    .review_sec .top_head { flex-wrap: wrap; }
    .review_sec .left { width:100%; padding-right:0px; }
    .client_boxes .boxRaw { width:100%; margin-left:0px; }
    .boxRaw .whitebox { margin-bottom:15px; }
    .blog_wrap .large_post, .small_posts { width:100%; padding-right:0px; }
    .small_posts { padding-top: 25px; }
    .blog_sec { padding:40px 0px; }
    .awards_sec { padding-top: 40px; margin-bottom:20px; }
    .award_list { flex-wrap: wrap; margin:0px; justify-content: center; }
    .award_list li:nth-child(1), .award_list li:nth-child(6), .award_list li:nth-child(2), .award_list li:nth-child(5), .award_list li { top: 0px; margin:5px; }
    
    .client_sec { padding:40px 0px; }
    .client_list li, .client_list li:nth-child(4n+1) { padding:10px; width:calc(100%/2 - 5px); margin-left:10px; margin-bottom:10px; }
    .client_list li:nth-child(2n+1) { margin-left:0px; }
    .client_list li { min-height: 70px; }
    .client_tabs .tabs-nav02 li a {font-size: 13px;padding: 10px 0px 10px 0px;}
    .client_tabs .tabs-nav02 {width: 150px;}
    .client_tabs .tabs-content02 { width:calc(100% - 150px); padding-left:10px; }
    
    .contact_sec .left_col { width:100%; padding-right:0px; padding-bottom:25px; }
    .contact_sec .right_col { width:100%; padding:25px 15px; border-radius:10px; }
    .copyRight p { padding:10px 0px; font-size:14px; }
    
    ::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }
    ::-webkit-scrollbar-thumb {
        background:#9f9f9f;
    }
    .portfolio_sec .slider-single .slick-next { right:10px; }
    .portfolio_sec .slider-single .slick-prev { left:10px; }
    .with_readmore p { width:100%; }
    .small_posts li .thumb { width:140px; height:120px; }
    .small_posts li .disc { width:calc(100% - 140px); }
    .top_section .video_box:before { display: none; }
    
    .modal-body { padding:5px; }
    .modal-dialog { margin: 15px 15px 10px; }
    .video_frame iframe { height:350px; }
    .modal .modal-body { flex-wrap: wrap; }
    .modal-body .member_thumb { height:230px; }
    .modal .modal-body .leftbox { margin:0px auto; }
    .modal .modal-body .rightbox { width:100%; padding:10px; }
    
    .about_tabs { display: none; }
    .about_accordian { display: block; margin-top: 50px; margin-bottom: 40px; }
    .about_accordian .acc__title { color:#006bfe; text-align: center; border-radius:4px; padding:10px 15px; border:1px solid #006bfe; font-weight:600; margin-bottom:10px; text-transform: uppercase; position: relative; }
    .about_accordian .acc__title.active:before { content: "";border-top: 10px solid #006bfe;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;}
    .tabwrap { padding:30px 0px; }


    .inner-middle {padding-top: 70px;}
    .blogDetailSecA {padding: 25px 0px;}
    .shareSocial .title {padding: 10px 0px 10px 0px;}
    .blogDetailSecA .img img {border-radius: 0px;max-width: 100%;height: auto;}
    .blogDetailSecA .img {position: inherit; margin-top: 1.2rem;}
    .blogContent {margin:0px;}
    .blogContent p {font-size: 1rem;margin-bottom: 1.5rem;}
    .blogContent .img {margin-bottom: 1.5rem;}
    .blogContent h2 {font-size: 1.4rem; margin-bottom: 1.5rem;}
    .blogSecSliderBgB { padding: 50px 10px 20px 0px;margin-bottom:10px;}



}

@media (max-width:450px) {
    .howweare_sec li { width:100%; }
    .reals_list li p { margin-bottom:5px; font-size:14px; line-height:20px; }
    .client_list li { min-height: 50px; padding:4px; }
    .client_list li img { max-height:30px; }
     
    .video_frame iframe { height:310px; }
}









/*add new css for home page vide section */
@media(max-width: 1199px) {
    .video_block .full-video {display: none;}
    .top_section_video .bb {display: none;}
}
@media(min-width: 1200px) {
    .top_section_video {padding-top: 100px; background: #cfedff;}
    .top_section_video .features {padding-top: 30px;}
    .video_block {position: relative;}
    .video_block .video_box {display: none;}
    .top_section_video .aa {display: none;}
    .video_block .full-video {width: 100%; height: auto;}
    .video_block:before {content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: rgba(0,0,0,0.7);z-index: 1;}
    /*.video_block .container {position: absolute; top: 0px; left: 0px; right: 0px;z-index: 2; height: 100%; color: #ffffff;    align-items: center;}*/
    .videContainer {position: absolute; top: 0px; left: 0px; right: 0px;z-index: 2; height: 100%; color: #ffffff; display: flex; flex-direction: column; justify-content: space-between;}
    .top_section .textleft {margin-top: 10%;}
}

.testmonial-slider {overflow: hidden;}
.testmonial-slider .box {max-width: 1200px; margin:50px auto; padding: 50px; background: #091b52; border-radius: 15px;}
.testmonial-slider .slider {max-width: 900px; margin:0px auto;}
.testmonial-slider .slick-list {overflow: visible !important;}
.testmonial-slider .imagebox {background: #33498b;border-radius: 15px; padding: 20px 30px; margin: 0px 60px;}
.testmonial-slider .imagebox blockquote {opacity: 0.3;}
.testmonial-slider .imagebox.slick-active blockquote {opacity: 1;}
.testmonial-slider .slider-testmonial .slick-prev { top: 50%;position: absolute;left:10px; background:url(../images/arrow_white.png) no-repeat; width:60px; height:60px; border:none; cursor: pointer; font-size:0px; z-index:2; margin-top:-30px; }
.testmonial-slider .slider-testmonial .slick-next { top: 50%;position: absolute;right: 10px; margin-top:-30px; background:url(../images/arrow_white.png) no-repeat; width:60px; height:60px; border:none; cursor: pointer; font-size:0px; z-index:2; transform: rotate(-180deg); }


.testmonial-slider blockquote {padding: 0; margin: 0; border: 0; height: 100%; display: flex; flex-direction: column;  justify-content: space-between; position: relative; color: #ffffff; }
.testmonial-slider blockquote:before {content: url(../images/quote.svg); margin-bottom: 2.8125rem }
.testmonial-slider blockquote span {display: block; font-style: normal; text-transform: uppercase }
.testmonial-slider .slide__author {margin-top: 3.75rem; margin-bottom:0px; font-weight: 700;}
.testmonial-slider .learnMore {opacity: 1; color: #55c9ff;}
.testmonial-slider .learnMore:hover {text-decoration: underline;}
.testmonial-slider .learnMore img {display: inline-block;}
#testemonil-readmore .modal-body {background: #33498b;}


.demosSlider {background: url(../images/frame-bottom.png) no-repeat bottom center; margin: 50px 0px; padding-bottom: 38px;}
.demosSlider .frame {background:#0a0a0a; border-radius:10px 10px 0px 0px; width: 800px; height: 530px; margin:0px auto; padding: 15px;}
.demosSlider .image {overflow: hidden; border-radius: 10px;}
.demosSlider .slick-prev { top: 50%;position: absolute;left:-200px; background:url(../images/arrow-blue-left.png) no-repeat; width:72px; height:72px; border:none; cursor: pointer; font-size:0px; z-index:2; margin-top:-36px; }
.demosSlider .slick-next { top: 50%;position: absolute;right: -200px; margin-top:-36px; background:url(../images/arrow-blue-left.png) no-repeat; width:72px; height:72px; border:none; cursor: pointer; font-size:0px; z-index:2; transform: rotate(-180deg); }

@media(max-width: 1199px) {
    .demosSlider {background-size: 100% auto; padding-bottom: 3.5vw;    margin: 10px 0px;}
    .demosSlider .frame { width: 90%; height: auto;}
    .demosSlider .slick-prev {left: 0px;}
    .demosSlider .slick-next {right: 0px;}
}
@media(max-width: 600px) {
   .testmonial-slider blockquote .desc { min-height: 140px; margin-bottom: 10px;}
    .testmonial-slider .box {padding:50px 5px; border-radius: 0px;}
    .testmonial-slider .imagebox { padding:15px; margin: 0px 10px;}
    .testmonial-slider blockquote span {font-size: 12px;}
    .testmonial-slider blockquote:before {margin-bottom: 20px;}
    .testmonial-slider .slide__author {margin-top: 20px;}
    .testmonial-slider .slide_auto {min-height: 35px; line-height: 1.2;}
    .testmonial-slider .slide_logo {max-height: 50px;}

    .reals_sec {padding: 50px 0px;}
    .demosSlider .slick-prev { top: 50%;position: absolute;left:0px; background:url(../images/arrow_white.png) no-repeat; width:60px; height:60px; border:none; cursor: pointer; font-size:0px; z-index:2; margin-top:-30px; }
    .demosSlider .slick-next { top: 50%;position: absolute;right: 0px; margin-top:-30px; background:url(../images/arrow_white.png) no-repeat; width:60px; height:60px; border:none; cursor: pointer; font-size:0px; z-index:2; transform: rotate(-180deg); }

    #testemonil-readmore .modal-body {padding: 24px;border-radius: 8px;}
    #testemonil-readmore .modal-content {background: transparent;}

    .about_sec .imagebox {display: none;}
    .about_top .textbox {padding-bottom: 5px;}
}