301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: aotbd.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <title>AOT</title> <meta name='robots' content='index, max-snippet:-1, max-image-preview:large, max-video-preview:-1, follow' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="canonical" href="https://aotbd.com/" /> <meta name="description" content="Where Creativity Meets Quality"><meta name="description" content=""><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"","url":"https://aotbd.com","logo":"","description":"AOT"}</script><meta property="og:url" content="https://aotbd.com" /><meta property="og:site_name" content="AOT" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="website" /><meta property="og:title" content="Home" /><meta property="og:description" content="Where Creativity Meets Quality" /><meta name="twitter:card" content="summary"/><meta name="twitter:locale" content="en_US"/><meta name="twitter:type" content="website"/><meta name="twitter:title" content="Home"/><meta name="twitter:description" content="Where Creativity Meets Quality"/><meta name="twitter:url" content="https://aotbd.com"/><meta name="twitter:site" content="@AOT"/><link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel="alternate" type="application/rss+xml" title="AOT » Feed" href="https://aotbd.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="AOT » Comments Feed" href="https://aotbd.com/comments/feed/" /> <script> var pagelayer_ajaxurl = "https://aotbd.com/wp-admin/admin-ajax.php?"; var pagelayer_global_nonce = "eebda11c14"; var pagelayer_server_time = 1748531807; var pagelayer_is_live = ""; var pagelayer_facebook_id = ""; var pagelayer_settings = {"post_types":["post","page"],"enable_giver":"1","max_width":1170,"tablet_breakpoint":780,"mobile_breakpoint":360,"sidebar":false,"body_font":false,"color":false}; var pagelayer_recaptch_lang = ""; var pagelayer_recaptch_version = ""; </script><style id="popularfx-global-styles" type="text/css"> .site-header {background-color:#ffffff!important;} .site-title a {color:#171717!important;} .site-title a { font-size: 30 px; } .site-description {color:#171717 !important;} .site-description {font-size: 15px;} .site-footer {background-color:#171717! important;} </style><style id="pagelayer-wow-animation-style" type="text/css">.pagelayer-wow{visibility: hidden;}</style> <style id="pagelayer-global-styles" type="text/css"> :root{--pagelayer-color-primary:#007bff;--pagelayer-color-secondary:#6c757d;--pagelayer-color-text:#1d1d1d;--pagelayer-color-accent:#61ce70;--pagelayer-font-primary-font-family:Open Sans;--pagelayer-font-secondary-font-family:Roboto;--pagelayer-font-text-font-family:Montserrat;--pagelayer-font-accent-font-family:Poppins;} .pagelayer-row-stretch-auto > .pagelayer-row-holder, .pagelayer-row-stretch-full > .pagelayer-row-holder.pagelayer-width-auto{ max-width: 1170px; margin-left: auto; margin-right: auto;} @media (min-width: 781px){ .pagelayer-hide-desktop{ display:none !important; } } @media (max-width: 780px) and (min-width: 361px){ .pagelayer-hide-tablet{ display:none !important; } .pagelayer-wp-menu-holder[data-drop_breakpoint="tablet"] .pagelayer-wp_menu-ul{ display:none; } } @media (max-width: 360px){ .pagelayer-hide-mobile{ display:none !important; } .pagelayer-wp-menu-holder[data-drop_breakpoint="mobile"] .pagelayer-wp_menu-ul{ display:none; } } @media (max-width: 780px){ [class^="pagelayer-offset-"], [class*=" pagelayer-offset-"] { margin-left: 0; } .pagelayer-row .pagelayer-col { margin-left: 0; width: 100%; } .pagelayer-row.pagelayer-gutters .pagelayer-col { margin-bottom: 16px; } .pagelayer-first-sm { order: -1; } .pagelayer-last-sm { order: 1; } } </style><script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/aotbd.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <link rel='stylesheet' id='pagelayer-frontend-css' href='https://aotbd.com/wp-content/plugins/pagelayer/css/givecss.php?give=pagelayer-frontend.css%2Cnivo-lightbox.css%2Canimate.min.css%2Cowl.carousel.min.css%2Cowl.theme.default.min.css%2Cfont-awesome5.min.css&premium=premium-frontend.css&ver=2.0.0' media='all' /> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://aotbd.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='whitlabu-style-css' href='https://aotbd.com/wp-content/plugins/white-label-builder/dist/assets/css/public/style.min.css?ver=1741918668' media='all' /> <link rel='stylesheet' id='popularfx-style-css' href='https://aotbd.com/wp-content/uploads/popularfx-templates/counsellor/style.css?ver=1.2.6' media='all' /> <link rel='stylesheet' id='popularfx-sidebar-css' href='https://aotbd.com/wp-content/themes/popularfx/sidebar.css?ver=1.2.6' media='all' /> <style id='akismet-widget-style-inline-css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <script src="https://aotbd.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://aotbd.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://aotbd.com/wp-content/plugins/pagelayer/js/givejs.php?give=pagelayer-frontend.js%2Cnivo-lightbox.min.js%2Cwow.min.js%2Cjquery-numerator.js%2CsimpleParallax.min.js%2Cowl.carousel.min.js&premium=chart.min.js%2Cpremium-frontend.js%2Cshuffle.min.js&ver=2.0.0" id="pagelayer-frontend-js"></script> <link rel="https://api.w.org/" href="https://aotbd.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://aotbd.com/wp-json/wp/v2/pages/29" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://aotbd.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.8.1" /> <link rel="canonical" href="https://aotbd.com/" /> <link rel='shortlink' href='https://aotbd.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://aotbd.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faotbd.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://aotbd.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faotbd.com%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.148.0" /> </head> <body class="home wp-singular page-template-default page page-id-29 page-parent wp-theme-popularfx popularfx-body pagelayer-body"> <header class="pagelayer-header"><div pagelayer-id="jsx5601" class="p-jsx5601 pagelayer-post_props"> </div> <div pagelayer-id="dr79798" class="p-dr79798 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="dr79798">.p-dr79798 .pagelayer-col-holder{padding: 10px} .p-dr79798 > .pagelayer-background-overlay{background-color: #000000;opacity: 0.6;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-dr79798 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-dr79798 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-dr79798 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-dr79798 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} </style> <div class="pagelayer-bgimg-slider" data-speed="5000"> <div class="pagelayer-bgimg-slide" style="background-image:url('https://aotbd.com/wp-content/uploads/2025/02/home-header1.jpg')"></div><div class="pagelayer-bgimg-slide" style="background-image:url('https://aotbd.com/wp-content/uploads/2025/02/home-header2.jpg')"></div><div class="pagelayer-bgimg-slide" style="background-image:url('https://aotbd.com/wp-content/uploads/2025/02/home-header3.jpg')"></div> </div> <div class="pagelayer-background-overlay"></div> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="v6k5850" class="p-v6k5850 pagelayer-col"> <style pagelayer-style-id="v6k5850">.p-v6k5850 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="z637525" class="p-z637525 pagelayer-wp_menu"> <style pagelayer-style-id="z637525">.p-z637525 .pagelayer-wp_menu-ul{text-align:center} .p-z637525 .pagelayer-wp-menu-container li.menu-item{list-style: none} .p-z637525 .pagelayer-wp_menu-ul>li a:first-child{color: #ffffff} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover{color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu>a:hover{color: #45c4e9} .p-z637525 .pagelayer-menu-hover-background .pagelayer-wp_menu-ul>li:hover{background-color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover:before{background-color: #45c4e9;border-color:#45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover:after{background-color: #45c4e9;border-color:#45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu{background-color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.current-menu-item>a{color: #45c4e9} .p-z637525 .pagelayer-wp-menu-container ul li.menu-item > a{font-family: Poppins !important; font-size: 18px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important} .p-z637525 .pagelayer-wp_menu-ul>li>a{padding-left: 25px;padding-right: 25px;padding-top: 20px;padding-bottom : 20px} .p-z637525 .pagelayer-menu-type-horizontal .sub-menu{left:0px} .p-z637525 .pagelayer-menu-type-horizontal .sub-menu .sub-menu{left:unset;left:100% !important;top:0px} .p-z637525 .pagelayer-wp-menu-container ul.sub-menu>li a{color: #ffffff} .p-z637525 .pagelayer-wp-menu-container ul.sub-menu{background-color: #0986c0} .p-z637525 .pagelayer-wp-menu-container ul.sub-menu li a{padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom : 10px} .p-z637525 .pagelayer-wp-menu-container .sub-menu a{margin-left: 10px} .p-z637525 .pagelayer-wp-menu-container .sub-menu .sub-menu a{margin-left: calc(2 * 10px)} .p-z637525 .pagelayer-primary-menu-bar{text-align:center} .p-z637525 .pagelayer-primary-menu-bar i{color:#45c4e9;background-color:#ffffff;font-size:30px} .p-z637525 .pagelayer-menu-type-dropdown{width:30%;background-color:#ffffff} .p-z637525 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{width:100%;top: 8%; transform: translateY(-8%)} .p-z637525 .pagelayer-wp_menu-close i{font-size:25px;padding:8px;color:rgba(255,255,255,0.41);background-color:rgba(0,0,0,0.21);-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-z637525 .pagelayer-wp_menu-close i:hover{color:#ffffff;background-color:#000000} .p-z637525{z-index: 2 !important; position: relative} @media (max-width: 780px) and (min-width: 361px){.p-z637525 .pagelayer-wp_menu-ul>li a:first-child{color: #000000} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover{color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu>a:hover{color: #45c4e9} .p-z637525 .pagelayer-menu-hover-background .pagelayer-wp_menu-ul>li:hover{background-color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover:before{background-color: #45c4e9;border-color:#45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover:after{background-color: #45c4e9;border-color:#45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu{background-color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.current-menu-item>a{color: #45c4e9} .p-z637525 .pagelayer-primary-menu-bar{text-align:right} .p-z637525 .pagelayer-primary-menu-bar i{font-size:25px;padding:10 {{val[1]}}} .p-z637525 .pagelayer-menu-type-dropdown{width:50%} } @media (max-width: 360px){.p-z637525 .pagelayer-wp_menu-ul>li a:first-child{color: #000000} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover{color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu>a:hover{color: #45c4e9} .p-z637525 .pagelayer-menu-hover-background .pagelayer-wp_menu-ul>li:hover{background-color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover:before{background-color: #45c4e9;border-color:#45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li>a:hover:after{background-color: #45c4e9;border-color:#45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu{background-color: #45c4e9} .p-z637525 .pagelayer-wp_menu-ul>li.current-menu-item>a{color: #45c4e9} .p-z637525 .pagelayer-primary-menu-bar{text-align:right} .p-z637525 .pagelayer-primary-menu-bar i{font-size:20px;padding:10 {{val[1]}}} .p-z637525 .pagelayer-menu-type-dropdown{width:70%} } </style><div class="pagelayer-wp-menu-holder" data-layout="horizontal" data-submenu_ind="caret-down" data-drop_breakpoint="tablet"> <div class="pagelayer-primary-menu-bar"><i class="fas fa-bars"></i></div> <div class="pagelayer-wp-menu-container pagelayer-menu-type-horizontal pagelayer-menu-hover-underline slide pagelayer-wp_menu-right" data-align="center"> <div class="pagelayer-wp_menu-close"><i class="fas fa-times"></i></div> <div class="menu-counsellor-header-menu-container"><ul id="2" class="pagelayer-wp_menu-ul"><li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-29 current_page_item menu-item-35"><a href="https://aotbd.com/" aria-current="page"><span class="pagelayer-nav-menu-title">Home</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-35"></div></li> <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://aotbd.com/portfolios/"><span class="pagelayer-nav-menu-title">Portfolios</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-36"></div></li> <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="https://aotbd.com/contact-2/"><span class="pagelayer-nav-menu-title">Contact</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-37"></div></li> <li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="https://aotbd.com/about-2/"><span class="pagelayer-nav-menu-title">About</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-38"></div></li> <li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39"><a href="https://aotbd.com/home/service/"><span class="pagelayer-nav-menu-title">Services</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-39"></div></li> </ul></div> </div> </div></div> <div pagelayer-id="d7w8567" class="p-d7w8567 pagelayer-heading fadeInLeft pagelayer-wow"> <style pagelayer-style-id="d7w8567">.p-d7w8567 .pagelayer-heading-holder *{color:#ffffff;font-family: Poppins !important; font-size: 55px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-d7w8567 .pagelayer-heading-holder{color:#ffffff;font-family: Poppins !important; font-size: 55px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-d7w8567{padding-top: 200px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-d7w8567 .pagelayer-heading-holder *{font-family: !important; font-size: 31px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-d7w8567 .pagelayer-heading-holder{font-family: !important; font-size: 31px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-d7w8567{padding-top: 150px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } @media (max-width: 360px){.p-d7w8567 .pagelayer-heading-holder *{font-family: !important; font-size: 26px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-d7w8567 .pagelayer-heading-holder{font-family: !important; font-size: 26px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-d7w8567{padding-top: 100px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } </style><div class="pagelayer-heading-holder"> <h2>We Combine Business<br />with Technologies</h2></div> </div> <div pagelayer-id="zhm8091" class="p-zhm8091 pagelayer-text fadeInLeft pagelayer-wow"> <style pagelayer-style-id="zhm8091">.p-zhm8091{padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px;font-family: Hind !important;font-size: 18px !important;line-height: 1.5em !important;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-zhm8091{padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;font-size: 15px !important} } @media (max-width: 360px){.p-zhm8091{padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;font-size: 14px !important} } </style><div class="pagelayer-text-holder"><div class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360638400218"><div class="ChatMessage_messageRow__DHlnq"><div class="ChatMessage_messageWrapper__4Ugd6"><div class="Message_rowWithFooter__FShU6"><div class="Message_row__ug_UU"><div class="Message_messageBubbleWrapper__sEq8z"><div class="Message_leftSideMessageBubble__VPdk6"><div class="Message_messageTextContainer__w64Sc"><div class="Markdown_markdownContainer__Tz3HQ"><p></p></div></div></div></div></div></div></div></div></div><span style="color:#ffffff;"><div class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360638400218"><div class="ChatMessage_messageRow__DHlnq"><div class="ChatMessage_messageWrapper__4Ugd6"><div class="Message_rowWithFooter__FShU6"><div class="Message_row__ug_UU"><div class="Message_messageBubbleWrapper__sEq8z"><div class="Message_leftSideMessageBubble__VPdk6"><div class="Message_messageTextContainer__w64Sc"><div class="Markdown_markdownContainer__Tz3HQ"><p>We deliver customized solutions that boost efficiency and innovation, empowering your business to excel in a competitive market.</p></div></div></div></div></div></div></div></div></div></span></div></div> <div pagelayer-id="g4y2173" class="p-g4y2173 pagelayer-btn_grp fadeInLeft pagelayer-wow"> <style pagelayer-style-id="g4y2173">.p-g4y2173{text-align: left;padding-top: 30px; padding-right: 0px; padding-bottom: 60px; padding-left: 40px;-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-g4y2173 .pagelayer-btn{text-align: left;padding-left: 10px; padding-right: 10px} .p-g4y2173 > div{display: inline-block} @media (max-width: 780px) and (min-width: 361px){.p-g4y2173 .pagelayer-btn{padding-left: 3px; padding-right: 3px} .p-g4y2173{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -5px;padding-top: 30px; padding-right: 0px; padding-bottom: 60px; padding-left: 0px} } @media (max-width: 360px){.p-g4y2173 .pagelayer-btn{padding-left: 5px; padding-right: 5px} .p-g4y2173{padding-top: 20px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px} } </style> <div pagelayer-id="3em3590" class="p-3em3590 pagelayer-btn"> <style pagelayer-style-id="3em3590">.p-3em3590 .pagelayer-btn-text{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important} .p-3em3590 .pagelayer-btn-holder{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(30px / 2) 30px;color: #ffffff;-webkit-transition: all 400ms !important; transition: all 400ms !important;border-color: #ffffff} .p-3em3590{text-align: left} .p-3em3590 .pagelayer-btn-custom:hover, .p-3em3590 .pagelayer-btn-anim-slide:after{background-color: #45c4e9} .p-3em3590 .pagelayer-btn-holder, .p-3em3590 .pagelayer-btn-anim-thin:after, .p-3em3590 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .p-3em3590 .pagelayer-btn-anim-thin{border-style: unset !important} .p-3em3590 .pagelayer-btn-holder, .p-3em3590 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-3em3590 .pagelayer-btn-holder:hover, .p-3em3590 .pagelayer-btn-anim-thin:hover:after, .p-3em3590 .pagelayer-btn-anim-thin:hover:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .p-3em3590 .pagelayer-btn-anim-thin:hover{border-style: unset !important} .p-3em3590 .pagelayer-btn-holder:hover{border-color: #45c4e9} .p-3em3590 .pagelayer-btn-holder:hover, .p-3em3590 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} @media (max-width: 780px) and (min-width: 361px){.p-3em3590 .pagelayer-btn-text{font-family: ; font-size: 16px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-3em3590 .pagelayer-btn-holder{font-family: ; font-size: 16px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(30px / 2) 30px} } @media (max-width: 360px){.p-3em3590 .pagelayer-btn-text{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-3em3590 .pagelayer-btn-holder{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(20px / 2) 20px} } </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-custom {{icon_position}}" href="#"> <span class="pagelayer-btn-text">Our Company</span> </a></div> <div pagelayer-id="mgm1365" class="p-mgm1365 pagelayer-btn"> <style pagelayer-style-id="mgm1365">.p-mgm1365 .pagelayer-btn-text{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important} .p-mgm1365 .pagelayer-btn-holder{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(30px / 2) 30px;background-color: #45c4e9;color: #ffffff;-webkit-transition: all 400ms !important; transition: all 400ms !important;border-color: #45c4e9} .p-mgm1365{text-align: left} .p-mgm1365 .pagelayer-btn-anim-thin{background-color: unset !important;border-style: unset !important} .p-mgm1365 .pagelayer-btn-anim-thin::before{background-color: #45c4e9} .p-mgm1365 .pagelayer-btn-anim-thin::after{background-color: #45c4e9} .p-mgm1365 .pagelayer-btn-custom:hover, .p-mgm1365 .pagelayer-btn-anim-slide:after{background-color: rgba(255,255,255,0.00)} .p-mgm1365 .pagelayer-btn-holder, .p-mgm1365 .pagelayer-btn-anim-thin:after, .p-mgm1365 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .p-mgm1365 .pagelayer-btn-holder, .p-mgm1365 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-mgm1365 .pagelayer-btn-holder:hover, .p-mgm1365 .pagelayer-btn-anim-thin:hover:after, .p-mgm1365 .pagelayer-btn-anim-thin:hover:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .p-mgm1365 .pagelayer-btn-anim-thin:hover{border-style: unset !important} .p-mgm1365 .pagelayer-btn-holder:hover{border-color: #ffffff} .p-mgm1365 .pagelayer-btn-holder:hover, .p-mgm1365 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} @media (max-width: 780px) and (min-width: 361px){.p-mgm1365 .pagelayer-btn-text{font-family: ; font-size: 16px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-mgm1365 .pagelayer-btn-holder{font-family: ; font-size: 16px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(30px / 2) 30px} } @media (max-width: 360px){.p-mgm1365 .pagelayer-btn-text{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-mgm1365 .pagelayer-btn-holder{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(20px / 2) 20px} } </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-custom {{icon_position}}" href="#"> <span class="pagelayer-btn-text">Contact Us</span> </a></div> </div> </div></div> </div></div> </header> <main id="primary" class="site-main"> <article id="post-29" class="post-29 page type-page status-publish hentry"> <header class="entry-header"> </header><!-- .entry-header --> <div class="entry-content"> <div pagelayer-id="bp44796" class="p-bp44796 pagelayer-post_props"> </div> <div pagelayer-id="93m4798" class="p-93m4798 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="93m4798">.p-93m4798 .pagelayer-col-holder{padding: 10px} .p-93m4798 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-93m4798 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-93m4798 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-93m4798 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-93m4798 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-93m4798{padding-top: 70px; padding-right: 0px; padding-bottom: 70px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="7lb9653" class="p-7lb9653 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="7lb9653">.p-7lb9653 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> </div></div> <div pagelayer-id="g7k1648" class="p-g7k1648 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="g7k1648">.p-g7k1648 .pagelayer-col-holder{padding: 10px} .p-g7k1648 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-g7k1648 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-g7k1648 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-g7k1648 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-g7k1648 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-g7k1648{background: #f7f7f7;padding-top: 70px; padding-right: 0px; padding-bottom: 70px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="3v97108" class="p-3v97108 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="3v97108">.p-3v97108 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-3v97108{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="5uq4809" class="p-5uq4809 pagelayer-heading fadeInUp pagelayer-wow" align="center"> <style pagelayer-style-id="5uq4809">.p-5uq4809{text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-5uq4809 .pagelayer-heading-holder *{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-5uq4809 .pagelayer-heading-holder{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-5uq4809 .pagelayer-heading-holder *{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-5uq4809 .pagelayer-heading-holder{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-heading-holder"> <h2>About our Company</h2></div> </div> <div pagelayer-id="4ra6299" class="p-4ra6299 pagelayer-divider fadeInUp pagelayer-wow"> <style pagelayer-style-id="4ra6299">.p-4ra6299 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 15%} .p-4ra6299 .pagelayer-divider-holder{padding-top: 5px; padding-bottom: 5px;text-align: center} .p-4ra6299{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 360px){.p-4ra6299 .pagelayer-divider-seperator{width: 30%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> <div pagelayer-id="eb64765" class="p-eb64765 pagelayer-text fadeInUp pagelayer-wow"> <style pagelayer-style-id="eb64765">.p-eb64765{padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important;width:700px !important;position:relative; left:50%; transform:translateX(-50%);height:auto;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-eb64765{font-size: 15px !important} } @media (max-width: 360px){.p-eb64765{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><p style="text-align: center; ">We are dedicated to designing exceptional 3D modeling , Rendering , dynamic websites, boosting digital visibility, and perfecting images. Our services elevate brands, harmonizing creativity with accuracy in every endeavor.</p></div></div> <div pagelayer-id="sym6648" class="p-sym6648 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="sym6648">.p-sym6648 .pagelayer-col-holder{padding: 10px} .p-sym6648 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-sym6648 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-sym6648 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-sym6648 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-sym6648 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-sym6648{padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="4i79927" class="p-4i79927 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="4i79927">.p-4i79927{align-content: center !important} .p-4i79927 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ply8155" class="p-ply8155 pagelayer-image fadeInLeft pagelayer-wow"> <style pagelayer-style-id="ply8155">.p-ply8155 .pagelayer-image-holder{text-align: center} .p-ply8155 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-ply8155 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-ply8155 .pagelayer-image-caption{color: #0986c0} .p-ply8155{-webkit-animation-delay: 600ms; animation-delay: 600ms} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://aotbd.com/wp-content/uploads/2025/02/about.jpg" title="about" alt="about" srcset="https://aotbd.com/wp-content/uploads/2025/02/about.jpg, https://aotbd.com/wp-content/uploads/2025/02/about.jpg 1x, " /> </div> </div> </div></div> <div pagelayer-id="34t1912" class="p-34t1912 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="34t1912">.p-34t1912{align-content: center !important;padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px} .p-34t1912 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} @media (max-width: 780px) and (min-width: 361px){.p-34t1912{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } @media (max-width: 360px){.p-34t1912{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="n2q8797" class="p-n2q8797 pagelayer-heading fadeInRight pagelayer-wow"> <style pagelayer-style-id="n2q8797">.p-n2q8797 .pagelayer-heading-holder *{color:#111111;font-family: Poppins !important; font-size: 30px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-n2q8797 .pagelayer-heading-holder{color:#111111;font-family: Poppins !important; font-size: 30px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-n2q8797{-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-n2q8797 .pagelayer-heading-holder *{font-family: !important; font-size: 28px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-n2q8797 .pagelayer-heading-holder{font-family: !important; font-size: 28px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } @media (max-width: 360px){.p-n2q8797 .pagelayer-heading-holder *{font-family: !important; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-n2q8797 .pagelayer-heading-holder{font-family: !important; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-heading-holder"> <h2>We Shape the Perfect Solutions for Company</h2></div> </div> <div pagelayer-id="yco7053" class="p-yco7053 pagelayer-text fadeInRight pagelayer-wow"> <style pagelayer-style-id="yco7053">.p-yco7053{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important;line-height: 1.7em !important;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-yco7053{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;font-size: 15px !important;line-height: 1.8em !important} } @media (max-width: 360px){.p-yco7053{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><div class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360636098266"><div class="ChatMessage_messageRow__DHlnq"><div class="ChatMessage_messageWrapper__4Ugd6"><div class="Message_rowWithFooter__FShU6"><div class="Message_row__ug_UU"><div class="Message_messageBubbleWrapper__sEq8z"><div class="Message_leftSideMessageBubble__VPdk6"><div class="Message_messageTextContainer__w64Sc"><div class="Markdown_markdownContainer__Tz3HQ"><p>We craft tailored solutions that perfectly align with your company's needs, driving efficiency and innovation. Our expertise ensures that every challenge is met with a personalized approach, empowering your business to thrive in a competitive landscape.</p></div></div></div></div></div></div></div></div></div><section class="ChatMessageActionBar_actionBar__gyeEs"><button class="Button_buttonBase__Bv9Vx Button_tertiary__KEQm1"></button></section></div></div> <div pagelayer-id="s6b3196" class="p-s6b3196 pagelayer-btn fadeInRight pagelayer-wow"> <style pagelayer-style-id="s6b3196">.p-s6b3196 .pagelayer-btn-text{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important} .p-s6b3196 .pagelayer-btn-holder{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(30px / 2) 30px;color: #000000;-webkit-transition: all 400ms !important; transition: all 400ms !important;border-color: #000000} .p-s6b3196{text-align: left;padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-s6b3196 .pagelayer-btn-custom:hover, .p-s6b3196 .pagelayer-btn-anim-slide:after{background-color: #45c4e9} .p-s6b3196 .pagelayer-btn-holder:hover{color: #ffffff;border-color: #45c4e9} .p-s6b3196 .pagelayer-btn-holder, .p-s6b3196 .pagelayer-btn-anim-thin:after, .p-s6b3196 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .p-s6b3196 .pagelayer-btn-anim-thin{border-style: unset !important} .p-s6b3196 .pagelayer-btn-holder, .p-s6b3196 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-s6b3196 .pagelayer-btn-holder:hover, .p-s6b3196 .pagelayer-btn-anim-thin:hover:after, .p-s6b3196 .pagelayer-btn-anim-thin:hover:before{border-style: solid;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .p-s6b3196 .pagelayer-btn-anim-thin:hover{border-style: unset !important} .p-s6b3196 .pagelayer-btn-holder:hover, .p-s6b3196 .pagelayer-btn-anim-glow:before{border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-custom {{icon_position}}" href="#"> <span class="pagelayer-btn-text">Get Free Quotes</span> </a></div> </div></div> </div></div> </div></div> </div></div> <div pagelayer-id="ly34342" class="p-ly34342 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="ly34342">.p-ly34342 .pagelayer-col-holder{padding: 10px} .p-ly34342 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-ly34342 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-ly34342 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-ly34342 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-ly34342 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-ly34342{background: #45c4e9;padding-top: 70px; padding-right: 0px; padding-bottom: 60px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="d963685" class="p-d963685 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="d963685">.p-d963685{align-content: center !important} .p-d963685 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="5oq4965" class="p-5oq4965 pagelayer-heading"> <style pagelayer-style-id="5oq4965">.p-5oq4965 .pagelayer-heading-holder *{color:#ffffff;font-family: Poppins !important; font-size: 43px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-5oq4965 .pagelayer-heading-holder{color:#ffffff;font-family: Poppins !important; font-size: 43px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 780px) and (min-width: 361px){.p-5oq4965{text-align: left} .p-5oq4965 .pagelayer-heading-holder *{font-family: !important; font-size: 30px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-5oq4965 .pagelayer-heading-holder{font-family: !important; font-size: 30px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } @media (max-width: 360px){.p-5oq4965 .pagelayer-heading-holder *{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-5oq4965 .pagelayer-heading-holder{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-heading-holder"> <h2>We Help <span style="color: black;">Businesses</span><br /> To Achieve Their <span style="color: black;">Goals</span></h2></div> </div> </div></div> <div pagelayer-id="7l22976" class="p-7l22976 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="7l22976">.p-7l22976{align-content: center !important} .p-7l22976 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="1ad3311" class="p-1ad3311 pagelayer-text"> <style pagelayer-style-id="1ad3311">.p-1ad3311{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important;line-height: 1.7em !important} .p-1ad3311{ color: white; } @media (max-width: 780px) and (min-width: 361px){.p-1ad3311{font-size: 15px !important} } @media (max-width: 360px){.p-1ad3311{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><div class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360636098266"><div class="ChatMessage_messageRow__DHlnq"><div class="ChatMessage_messageWrapper__4Ugd6"><div class="Message_rowWithFooter__FShU6"><div class="Message_row__ug_UU"><div class="Message_messageBubbleWrapper__sEq8z"><div class="Message_leftSideMessageBubble__VPdk6"><div class="Message_messageTextContainer__w64Sc"><div class="Markdown_markdownContainer__Tz3HQ"><p>We craft tailored solutions that perfectly align with your company's needs, driving efficiency and innovation. Our expertise ensures that every challenge is met with a personalized approach, empowering your business to thrive in a competitive landscape.</p></div></div></div></div></div></div></div></div></div></div></div> </div></div> </div></div> <div pagelayer-id="vp95028" class="p-vp95028 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="vp95028">.p-vp95028 .pagelayer-col-holder{padding: 10px} .p-vp95028 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-vp95028 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-vp95028 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-vp95028 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-vp95028 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-vp95028{padding-top: 70px; padding-right: 0px; padding-bottom: 70px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="9g14140" class="p-9g14140 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="9g14140">.p-9g14140 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="4bx3839" class="p-4bx3839 pagelayer-heading fadeInUp pagelayer-wow" align="center"> <style pagelayer-style-id="4bx3839">.p-4bx3839{text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-4bx3839 .pagelayer-heading-holder *{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-4bx3839 .pagelayer-heading-holder{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-4bx3839 .pagelayer-heading-holder *{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-4bx3839 .pagelayer-heading-holder{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-heading-holder"> <h2>Our Vision</h2></div> </div> <div pagelayer-id="b078597" class="p-b078597 pagelayer-divider fadeInUp pagelayer-wow"> <style pagelayer-style-id="b078597">.p-b078597 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 10%} .p-b078597 .pagelayer-divider-holder{padding-top: 5px; padding-bottom: 5px;text-align: center} .p-b078597{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 360px){.p-b078597 .pagelayer-divider-seperator{width: 30%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> <div pagelayer-id="6ia3827" class="p-6ia3827 pagelayer-text fadeInUp pagelayer-wow"> <style pagelayer-style-id="6ia3827">.p-6ia3827{padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important;width:700px !important;position:relative; left:50%; transform:translateX(-50%);height:auto;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-6ia3827{font-size: 15px !important} } @media (max-width: 360px){.p-6ia3827{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><div class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360633669338"><div class="ChatMessage_messageRow__DHlnq"><div class="ChatMessage_messageWrapper__4Ugd6"><div class="Message_rowWithFooter__FShU6"><div class="Message_row__ug_UU"><div class="Message_messageBubbleWrapper__sEq8z"><div class="Message_leftSideMessageBubble__VPdk6"><div class="Message_messageTextContainer__w64Sc"><div class="Markdown_markdownContainer__Tz3HQ"><p>Our vision is to lead the global IT service industry by setting new standards of excellence and delivering exceptional quality. We focus on continuous innovation to exceed expectations and create lasting value for our clients worldwide.</p></div></div></div></div></div></div></div></div></div></div></div> <div pagelayer-id="ucw4435" class="p-ucw4435 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="ucw4435">.p-ucw4435 .pagelayer-col-holder{padding: 10px} .p-ucw4435 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-ucw4435 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-ucw4435 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-ucw4435 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-ucw4435 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-ucw4435{padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="pda7258" class="p-pda7258 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="pda7258">.p-pda7258{align-content: center !important} .p-pda7258 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="r8m5787" class="p-r8m5787 pagelayer-image fadeInLeft pagelayer-wow"> <style pagelayer-style-id="r8m5787">.p-r8m5787 .pagelayer-image-holder{text-align: center} .p-r8m5787 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-r8m5787 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-r8m5787 .pagelayer-image-caption{color: #0986c0} .p-r8m5787{-webkit-animation-delay: 600ms; animation-delay: 600ms} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://aotbd.com/wp-content/uploads/2025/02/vision.png" title="vision" alt="vision" srcset="https://aotbd.com/wp-content/uploads/2025/02/vision.png, https://aotbd.com/wp-content/uploads/2025/02/vision.png 1x, " /> </div> </div> </div></div> <div pagelayer-id="y6l6421" class="p-y6l6421 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="y6l6421">.p-y6l6421{align-content: center !important;padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px} .p-y6l6421 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} @media (max-width: 780px) and (min-width: 361px){.p-y6l6421{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } @media (max-width: 360px){.p-y6l6421{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="rz45901" class="p-rz45901 pagelayer-heading fadeInRight pagelayer-wow"> <style pagelayer-style-id="rz45901">.p-rz45901 .pagelayer-heading-holder *{color:#111111;font-family: Poppins !important; font-size: 30px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rz45901 .pagelayer-heading-holder{color:#111111;font-family: Poppins !important; font-size: 30px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rz45901{-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-rz45901 .pagelayer-heading-holder *{font-family: !important; font-size: 28px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rz45901 .pagelayer-heading-holder{font-family: !important; font-size: 28px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } @media (max-width: 360px){.p-rz45901 .pagelayer-heading-holder *{font-family: !important; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rz45901 .pagelayer-heading-holder{font-family: !important; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-heading-holder"> <h2>Strategy is at the Heart of What We Do</h2></div> </div> <div pagelayer-id="pvy8631" class="p-pvy8631 pagelayer-text fadeInRight pagelayer-wow"> <style pagelayer-style-id="pvy8631">.p-pvy8631{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important;line-height: 1.7em !important;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-pvy8631{font-size: 15px !important} } @media (max-width: 360px){.p-pvy8631{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><ol start="2"><li><p><strong>Where Creativity and Excellence Converge</strong></p> <p>We specialize in building visually striking websites, enhancing online presence, and 3D Modeling visualization refining images. Our offerings elevate brands, combining artistic flair with attention to detail in every project we pursue.</p> </li> </ol></div></div> <div pagelayer-id="rk34023" class="p-rk34023 pagelayer-progress fadeInRight pagelayer-wow"> <style pagelayer-style-id="rk34023">.p-rk34023 .pagelayer-progress-bar{background-color:#45c4e9;height:20px} .p-rk34023 .pagelayer-progress-container{background-color:#ffffff;border-style: solid;border-color: #000000;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .p-rk34023 .pagelayer-progress-percent{line-height:20px; font-size: calc(20px / 2);color:#ffffff} .p-rk34023 .pagelayer-progress-text{line-height:20px; font-size: calc(20px / 2);color:#ffffff} .p-rk34023 .pagelayer-progress-bar, .p-rk34023 .pagelayer-progress-container{border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;-moz-border-radius: 25px 25px 25px 25px} .p-rk34023 .pagelayer-progress-title{color:#000000;font-family: Hind; font-size: 14px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important} .p-rk34023 .pagelayer-progress-container > .pagelayer-progress-bar:after{width:70%} .p-rk34023{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} </style><div class="pagelayer-progress-title">Digital Strategy</div> <div class="pagelayer-progress-container"> <div class="pagelayer-progress-bar pagelayer-progress-" style="width:70%;" pagelayer-progress-width="70"> <span class="pagelayer-progress-text"> </span> <span class="pagelayer-progress-percent"></span> </div> </div></div> <div pagelayer-id="s296552" class="p-s296552 pagelayer-progress fadeInRight pagelayer-wow"> <style pagelayer-style-id="s296552">.p-s296552 .pagelayer-progress-bar{background-color:#45c4e9;height:20px} .p-s296552 .pagelayer-progress-container{background-color:#ffffff;border-style: solid;border-color: #000000;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .p-s296552 .pagelayer-progress-percent{line-height:20px; font-size: calc(20px / 2);color:#ffffff} .p-s296552 .pagelayer-progress-text{line-height:20px; font-size: calc(20px / 2);color:#ffffff} .p-s296552 .pagelayer-progress-bar, .p-s296552 .pagelayer-progress-container{border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;-moz-border-radius: 25px 25px 25px 25px} .p-s296552 .pagelayer-progress-title{color:#000000;font-family: Hind; font-size: 14px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important} .p-s296552 .pagelayer-progress-container > .pagelayer-progress-bar:after{width:90%} .p-s296552{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} </style><div class="pagelayer-progress-title">Design & Implementation</div> <div class="pagelayer-progress-container"> <div class="pagelayer-progress-bar pagelayer-progress-" style="width:90%;" pagelayer-progress-width="90"> <span class="pagelayer-progress-text"> </span> <span class="pagelayer-progress-percent"></span> </div> </div></div> <div pagelayer-id="3bu2217" class="p-3bu2217 pagelayer-progress fadeInRight pagelayer-wow"> <style pagelayer-style-id="3bu2217">.p-3bu2217 .pagelayer-progress-bar{background-color:#45c4e9;height:20px} .p-3bu2217 .pagelayer-progress-container{background-color:#ffffff;border-style: solid;border-color: #000000;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .p-3bu2217 .pagelayer-progress-percent{line-height:20px; font-size: calc(20px / 2);color:#ffffff} .p-3bu2217 .pagelayer-progress-text{line-height:20px; font-size: calc(20px / 2);color:#ffffff} .p-3bu2217 .pagelayer-progress-bar, .p-3bu2217 .pagelayer-progress-container{border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;-moz-border-radius: 25px 25px 25px 25px} .p-3bu2217 .pagelayer-progress-title{color:#000000;font-family: Hind; font-size: 14px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important} .p-3bu2217 .pagelayer-progress-container > .pagelayer-progress-bar:after{width:84%} .p-3bu2217{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} </style><div class="pagelayer-progress-title">Counstaling</div> <div class="pagelayer-progress-container"> <div class="pagelayer-progress-bar pagelayer-progress-" style="width:84%;" pagelayer-progress-width="84"> <span class="pagelayer-progress-text"> </span> <span class="pagelayer-progress-percent"></span> </div> </div></div> </div></div> </div></div> </div></div> </div></div> <div pagelayer-id="xxl8066" class="p-xxl8066 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="xxl8066">.p-xxl8066 .pagelayer-col-holder{padding: 10px} .p-xxl8066 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-xxl8066 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-xxl8066 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-xxl8066 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-xxl8066 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-xxl8066{background: #f7f7f7;padding-top: 70px; padding-right: 0px; padding-bottom: 70px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="fuf9685" class="p-fuf9685 pagelayer-col"> <style pagelayer-style-id="fuf9685">.p-fuf9685 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="i294808" class="p-i294808 pagelayer-heading fadeInUp pagelayer-wow" align="center"> <style pagelayer-style-id="i294808">.p-i294808{text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-i294808 .pagelayer-heading-holder *{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-i294808 .pagelayer-heading-holder{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-i294808 .pagelayer-heading-holder *{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-i294808 .pagelayer-heading-holder{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-heading-holder"><h2><strong>Meet our Expert Team</strong></h2></div> </div> <div pagelayer-id="21h2276" class="p-21h2276 pagelayer-divider fadeInUp pagelayer-wow"> <style pagelayer-style-id="21h2276">.p-21h2276 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 10%} .p-21h2276 .pagelayer-divider-holder{padding-top: 5px; padding-bottom: 5px;text-align: center} .p-21h2276{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 360px){.p-21h2276 .pagelayer-divider-seperator{width: 30%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> <div pagelayer-id="l0o6406" class="p-l0o6406 pagelayer-text fadeInUp pagelayer-wow"> <style pagelayer-style-id="l0o6406">.p-l0o6406{padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important;width:700px !important;position:relative; left:50%; transform:translateX(-50%);height:auto;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-l0o6406{font-size: 15px !important} } @media (max-width: 360px){.p-l0o6406{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><h5> </h5><h5 style="text-align: center; "><em>A diverse group of innovative thinkers and skilled professionals dedicated to transforming ideas into impactful solutions. With a passion for collaboration and a commitment to excellence, we blend creativity with strategy to deliver exceptional results that resonate with our clients and their audiences.</em></h5></div></div> <div pagelayer-id="du92080" class="p-du92080 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="du92080">.p-du92080 .pagelayer-col-holder{padding: 10px} .p-du92080 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-du92080 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-du92080 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-du92080 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-du92080 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-du92080{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="bx55469" class="p-bx55469 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="bx55469">.p-bx55469 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="omu7182" class="p-omu7182 pagelayer-service pagelayer-anim-par fadeInUp pagelayer-wow"> <style pagelayer-style-id="omu7182">.p-omu7182 .pagelayer-service-image{padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px} .p-omu7182 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-omu7182 .pagelayer-service-image img{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-omu7182:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-omu7182 .pagelayer-service-heading{text-align:center;padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px;color:#000000;font-family: Poppins; font-size: 26px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-omu7182 .pagelayer-service-details{text-align:center} .p-omu7182 .pagelayer-service-text{padding-top:0px; padding-right:20px; padding-bottom:10px; padding-left:20px} .p-omu7182 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-omu7182{border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #000000;font-family: Hind !important;font-size: 18px !important;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-omu7182{font-size: 15px !important} } @media (max-width: 360px){.p-omu7182{font-size: 14px !important} } </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img decoding="async" class="pagelayer-img pagelayer-animation-grow" src="https://aotbd.com/wp-content/uploads/2025/03/Untitled-1.png" title="AOT Designer" alt="AOT Designer" srcset="https://aotbd.com/wp-content/uploads/2025/03/Untitled-1.png, https://aotbd.com/wp-content/uploads/2025/03/Untitled-1.png 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">KH. Alif</div> <div class="pagelayer-service-text"><p style="font-family: Poppins; font-size:18px;">Head OF Design</p><p></p><hr style="border: 1px dashed black;" /><p class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360618235610"></p><p class="ChatMessage_messageRow__DHlnq"></p><p class="ChatMessage_messageWrapper__4Ugd6"></p><p class="Message_rowWithFooter__FShU6"></p><p class="Message_row__ug_UU"></p><p class="Message_messageBubbleWrapper__sEq8z"></p><p class="Message_leftSideMessageBubble__VPdk6"></p><p class="Message_messageTextContainer__w64Sc"></p><p class="Markdown_markdownContainer__Tz3HQ"></p><p>I create advanced 3D models and drawings to fit project specs.</p><p><br /></p><section class="ChatMessageActionBar_actionBar__gyeEs"><br /></section></div> </div> </div></div> </div></div> <div pagelayer-id="y996168" class="p-y996168 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="y996168">.p-y996168 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fzt2340" class="p-fzt2340 pagelayer-service pagelayer-anim-par fadeInUp pagelayer-wow"> <style pagelayer-style-id="fzt2340">.p-fzt2340 .pagelayer-service-image{padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px} .p-fzt2340 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-fzt2340 .pagelayer-service-image img{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-fzt2340:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-fzt2340 .pagelayer-service-heading{text-align:center;padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px;color:#000000;font-family: Poppins; font-size: 26px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-fzt2340 .pagelayer-service-details{text-align:center} .p-fzt2340 .pagelayer-service-text{padding-top:0px; padding-right:20px; padding-bottom:10px; padding-left:20px} .p-fzt2340 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-fzt2340{border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #000000;font-family: Hind !important;font-size: 18px !important;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-fzt2340{font-size: 15px !important} } @media (max-width: 360px){.p-fzt2340{font-size: 14px !important} } </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img decoding="async" class="pagelayer-img pagelayer-animation-grow" src="https://aotbd.com/wp-content/uploads/2025/03/IDPhoto_20250315_002103.jpg" title="IDPhoto_20250315_002103" alt="IDPhoto_20250315_002103" srcset="https://aotbd.com/wp-content/uploads/2025/03/IDPhoto_20250315_002103.jpg, https://aotbd.com/wp-content/uploads/2025/03/IDPhoto_20250315_002103.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Oli Azam</div> <div class="pagelayer-service-text"><p style="font-family: Poppins; font-size:18px;">Head OF Operation</p><p></p><hr style="border: 1px dashed black;" /><div class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360619947738"><div class="ChatMessage_messageRow__DHlnq"><div class="ChatMessage_messageWrapper__4Ugd6"><div class="Message_rowWithFooter__FShU6"><div class="Message_row__ug_UU"><div class="Message_messageBubbleWrapper__sEq8z"><div class="Message_leftSideMessageBubble__VPdk6"><div class="Message_messageTextContainer__w64Sc"><div class="Markdown_markdownContainer__Tz3HQ"><p>Dynamic operations leader with expertise in streamlining processes, enhancing efficiency & scaling growth.</p></div></div></div></div></div></div></div></div></div></div> </div> </div></div> </div></div> <div pagelayer-id="mdl6737" class="p-mdl6737 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="mdl6737">.p-mdl6737 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fqd5148" class="p-fqd5148 pagelayer-service pagelayer-anim-par fadeInUp pagelayer-wow"> <style pagelayer-style-id="fqd5148">.p-fqd5148 .pagelayer-service-image{padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px} .p-fqd5148 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-fqd5148 .pagelayer-service-image img{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-fqd5148:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-fqd5148 .pagelayer-service-heading{text-align:center;padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px;color:#000000;font-family: Poppins; font-size: 26px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-fqd5148 .pagelayer-service-details{text-align:center} .p-fqd5148 .pagelayer-service-text{padding-top:0px; padding-right:20px; padding-bottom:10px; padding-left:20px} .p-fqd5148 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-fqd5148{border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #000000;font-family: Hind !important;font-size: 18px !important;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-fqd5148{font-size: 15px !important} } @media (max-width: 360px){.p-fqd5148{font-size: 14px !important} } </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img decoding="async" class="pagelayer-img pagelayer-animation-grow" src="https://aotbd.com/wp-content/uploads/2025/03/IDPhoto_20250315_001854.jpg" title="IDPhoto_20250315_001854" alt="IDPhoto_20250315_001854" srcset="https://aotbd.com/wp-content/uploads/2025/03/IDPhoto_20250315_001854.jpg, https://aotbd.com/wp-content/uploads/2025/03/IDPhoto_20250315_001854.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Sakib Toukir</div> <div class="pagelayer-service-text"><p style="font-family: Poppins; font-size:18px;">Head OF Marketing</p><p></p><hr style="border: 1px dashed black;" /><div class="ChatMessage_chatMessage__xkgHx" data-complete="true" id="message-360620716762"><div class="ChatMessage_messageRow__DHlnq"><div class="ChatMessage_messageWrapper__4Ugd6"><div class="Message_rowWithFooter__FShU6"><div class="Message_row__ug_UU"><div class="Message_messageBubbleWrapper__sEq8z"><div class="Message_leftSideMessageBubble__VPdk6"><div class="Message_messageTextContainer__w64Sc"><div class="Markdown_markdownContainer__Tz3HQ"><p>Creative strategist with deep background in brand Building, digital marketing & driving engagement.</p></div></div></div></div></div></div></div></div></div></div> </div> </div></div> </div></div> <div pagelayer-id="74g7471" class="p-74g7471 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="74g7471">.p-74g7471 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="jgk4659" class="p-jgk4659 pagelayer-service pagelayer-anim-par fadeInUp pagelayer-wow"> <style pagelayer-style-id="jgk4659">.p-jgk4659 .pagelayer-service-image{padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px} .p-jgk4659 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-jgk4659 .pagelayer-service-image img{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-jgk4659:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-jgk4659 .pagelayer-service-heading{text-align:center;padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px;color:#000000;font-family: Poppins; font-size: 26px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-jgk4659 .pagelayer-service-details{text-align:center} .p-jgk4659 .pagelayer-service-text{padding-top:0px; padding-right:20px; padding-bottom:10px; padding-left:20px} .p-jgk4659 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-jgk4659{border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #000000;font-family: Hind !important;font-size: 18px !important;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-jgk4659{font-size: 15px !important} } @media (max-width: 360px){.p-jgk4659{font-size: 14px !important} } </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img decoding="async" class="pagelayer-img pagelayer-animation-grow" src="https://aotbd.com/wp-content/uploads/2025/03/FB_IMG_1741976183082-removebg-preview-1.png" title="FB_IMG_1741976183082-removebg-preview (1)" alt="FB_IMG_1741976183082-removebg-preview (1)" srcset="https://aotbd.com/wp-content/uploads/2025/03/FB_IMG_1741976183082-removebg-preview-1.png, https://aotbd.com/wp-content/uploads/2025/03/FB_IMG_1741976183082-removebg-preview-1.png 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading"><div><br /></div>Kafi Anan</div> <div class="pagelayer-service-text"><p style="font-family: Poppins; font-size:18px;">Tech Consultant</p><p></p><hr style="border: 1px dashed black;" /><p>Specializing in innovative solutions, system integration, and optimizing technology for business growth.</p><p><br /></p></div> </div> </div></div> </div></div> </div></div> </div></div> </div></div> <div pagelayer-id="hib6801" class="p-hib6801 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="hib6801">.p-hib6801 .pagelayer-col-holder{padding: 10px} .p-hib6801 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-hib6801 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-hib6801 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-hib6801 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-hib6801 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-hib6801{padding-top: 70px; padding-right: 0px; padding-bottom: 70px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="3091881" class="p-3091881 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="3091881">.p-3091881 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="31y9415" class="p-31y9415 pagelayer-heading fadeInUp pagelayer-wow" align="center"> <style pagelayer-style-id="31y9415">.p-31y9415{text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-31y9415 .pagelayer-heading-holder *{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-31y9415 .pagelayer-heading-holder{color:#111111;font-family: Poppins !important; font-size: 32px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-31y9415 .pagelayer-heading-holder *{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-31y9415 .pagelayer-heading-holder{font-family: !important; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-heading-holder"> <h2>Our Achievements</h2></div> </div> <div pagelayer-id="5pp2866" class="p-5pp2866 pagelayer-divider fadeInUp pagelayer-wow"> <style pagelayer-style-id="5pp2866">.p-5pp2866 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 10%} .p-5pp2866 .pagelayer-divider-holder{padding-top: 5px; padding-bottom: 5px;text-align: center} .p-5pp2866{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 360px){.p-5pp2866 .pagelayer-divider-seperator{width: 30%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> <div pagelayer-id="pmp3736" class="p-pmp3736 pagelayer-text fadeInUp pagelayer-wow"> <style pagelayer-style-id="pmp3736">.p-pmp3736{padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important;width:700px !important;position:relative; left:50%; transform:translateX(-50%);height:auto;-webkit-animation-delay: 600ms; animation-delay: 600ms} @media (max-width: 780px) and (min-width: 361px){.p-pmp3736{font-size: 15px !important} } @media (max-width: 360px){.p-pmp3736{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><p style="text-align: center; "><em>Our 25+ Team members are working for our dedicated client</em></p></div></div> <div pagelayer-id="klr7668" class="p-klr7668 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="klr7668">.p-klr7668 .pagelayer-col-holder{padding: 10px} .p-klr7668 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-klr7668 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-klr7668 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-klr7668 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-klr7668 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-klr7668{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="roq6937" class="p-roq6937 pagelayer-col fadeInUp pagelayer-wow pagelayer-animation-float"> <style pagelayer-style-id="roq6937">.pagelayer-row-holder .p-roq6937{width: 25%} .p-roq6937 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-roq6937{-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-roq6937:hover .pagelayer-icon{ border-top: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } .p-roq6937:hover .pagelayer-counter{ border-bottom: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-roq6937{width: 100%} } @media (max-width: 360px){.pagelayer-row-holder .p-roq6937{width: 100%} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="vea2217" class="p-vea2217 pagelayer-icon"> <style pagelayer-style-id="vea2217">.p-vea2217 i{padding: calc(0.5em + 15px);height: 1em; width: 1em; position: relative; color: #45c4e9;font-size: 50px;-webkit-transition: all 400ms; transition: all 400ms;border-style: solid;border-color: #45c4e9;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px} .p-vea2217{text-align: center;padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px;border-color: #cccccc} .p-vea2217 i:before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} .p-vea2217 i:hover:before{-webkit-transition: all 400ms; transition: all 400ms} </style><div class="pagelayer-icon-holder"> <i class="fas fa-users pagelayer-icon-custom pagelayer-animation-{{anim_hover}}"></i> </div></div> <div pagelayer-id="zxh4967" class="p-zxh4967 pagelayer-counter"> <style pagelayer-style-id="zxh4967">.p-zxh4967{text-align: center;margin-top: -15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;border-style: dashed;border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #CCC} .p-zxh4967 .pagelayer-counter-info{color:#000000;font-family: Poppins; font-size: 23px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-zxh4967 .pagelayer-counter-content{color:#000000;font-family: Poppins; font-size: 50px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-zxh4967 .pagelayer-counter-info{font-family: ; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-zxh4967 .pagelayer-counter-content{font-family: ; font-size: 40px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-counter-holder"> <div class="pagelayer-counter-content"> <span class="pagelayer-counter-display" pagelayer-counter-initial-value="300" pagelayer-counter-last-value="236" pagelayer-counter-animation-duration="2000" pagelayer-counter-seperator="true" pagelayer-counter-seperator-type=",">300</span> </div> <span class="pagelayer-counter-info">Project A<span style="font-family: "Google Sans", Arial, sans-serif; font-size: 28px; color: var(--YLNNHc); text-wrap-mode: nowrap; text-align: left;">ccomplished</span></span> </div></div> </div></div> <div pagelayer-id="4gb6164" class="p-4gb6164 pagelayer-col fadeInUp pagelayer-wow pagelayer-animation-float"> <style pagelayer-style-id="4gb6164">.pagelayer-row-holder .p-4gb6164{width: 25%} .p-4gb6164 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-4gb6164{-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-4gb6164:hover .pagelayer-icon{ border-top: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } .p-4gb6164:hover .pagelayer-counter{ border-bottom: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-4gb6164{width: 100%} } @media (max-width: 360px){.pagelayer-row-holder .p-4gb6164{width: 100%} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="my02340" class="p-my02340 pagelayer-icon"> <style pagelayer-style-id="my02340">.p-my02340 i{padding: calc(0.5em + 15px);height: 1em; width: 1em; position: relative; color: #45c4e9;font-size: 50px;-webkit-transition: all 400ms; transition: all 400ms;border-style: solid;border-color: #45c4e9;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px} .p-my02340{text-align: center;padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px;border-color: #CCC} .p-my02340 i:before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} .p-my02340 i:hover:before{-webkit-transition: all 400ms; transition: all 400ms} </style><div class="pagelayer-icon-holder"> <i class="fas fa-chart-area pagelayer-icon-custom pagelayer-animation-{{anim_hover}}"></i> </div></div> <div pagelayer-id="72g9223" class="p-72g9223 pagelayer-counter"> <style pagelayer-style-id="72g9223">.p-72g9223{text-align: center;margin-top: -15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;border-style: dashed;border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #CCC} .p-72g9223 .pagelayer-counter-info{color:#000000;font-family: Poppins; font-size: 23px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-72g9223 .pagelayer-counter-content{color:#000000;font-family: Poppins; font-size: 50px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-72g9223 .pagelayer-counter-info{font-family: ; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-72g9223 .pagelayer-counter-content{font-family: ; font-size: 40px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-counter-holder"> <div class="pagelayer-counter-content"> <span class="pagelayer-counter-display" pagelayer-counter-initial-value="1" pagelayer-counter-last-value="121" pagelayer-counter-animation-duration="2000" pagelayer-counter-seperator="true" pagelayer-counter-seperator-type=",">1</span> </div> <span class="pagelayer-counter-info">Satisfied Clients</span> </div></div> </div></div> <div pagelayer-id="qoz1038" class="p-qoz1038 pagelayer-col fadeInUp pagelayer-wow pagelayer-animation-float"> <style pagelayer-style-id="qoz1038">.pagelayer-row-holder .p-qoz1038{width: 25%} .p-qoz1038 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-qoz1038{-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-qoz1038:hover .pagelayer-icon{ border-top: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } .p-qoz1038:hover .pagelayer-counter{ border-bottom: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-qoz1038{width: 100%} } @media (max-width: 360px){.pagelayer-row-holder .p-qoz1038{width: 100%} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="9548428" class="p-9548428 pagelayer-icon"> <style pagelayer-style-id="9548428">.p-9548428 i{padding: calc(0.5em + 15px);height: 1em; width: 1em; position: relative; color: #45c4e9;font-size: 50px;-webkit-transition: all 400ms; transition: all 400ms;border-style: solid;border-color: #45c4e9;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px} .p-9548428{text-align: center;padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px;border-color: #CCC} .p-9548428 i:before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} .p-9548428 i:hover:before{-webkit-transition: all 400ms; transition: all 400ms} </style><div class="pagelayer-icon-holder"> <i class="fas fa-award pagelayer-icon-custom pagelayer-animation-{{anim_hover}}"></i> </div></div> <div pagelayer-id="ka07927" class="p-ka07927 pagelayer-counter"> <style pagelayer-style-id="ka07927">.p-ka07927{text-align: center;margin-top: -15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;border-style: dashed;border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #CCC} .p-ka07927 .pagelayer-counter-info{color:#000000;font-family: Poppins; font-size: 23px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ka07927 .pagelayer-counter-content{color:#000000;font-family: Poppins; font-size: 50px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-ka07927 .pagelayer-counter-info{font-family: ; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ka07927 .pagelayer-counter-content{font-family: ; font-size: 40px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-counter-holder"> <div class="pagelayer-counter-content"> <span class="pagelayer-counter-display" pagelayer-counter-initial-value="1" pagelayer-counter-last-value="6" pagelayer-counter-animation-duration="2000" pagelayer-counter-seperator="true" pagelayer-counter-seperator-type=",">1</span> </div> <span class="pagelayer-counter-info">Awards Won</span> </div></div> </div></div> <div pagelayer-id="4ha4726" class="p-4ha4726 pagelayer-col fadeInUp pagelayer-wow pagelayer-animation-float"> <style pagelayer-style-id="4ha4726">.pagelayer-row-holder .p-4ha4726{width: 25%} .p-4ha4726 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-4ha4726{-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-4ha4726:hover .pagelayer-icon{ border-top: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } .p-4ha4726:hover .pagelayer-counter{ border-bottom: 1px dashed #45C4E9; border-left: 1px dashed #45C4E9; border-right: 1px dashed #45C4E9; } @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-4ha4726{width: 100%} } @media (max-width: 360px){.pagelayer-row-holder .p-4ha4726{width: 100%} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="mu11734" class="p-mu11734 pagelayer-icon"> <style pagelayer-style-id="mu11734">.p-mu11734 i{padding: calc(0.5em + 15px);height: 1em; width: 1em; position: relative; color: #45c4e9;font-size: 50px;-webkit-transition: all 400ms; transition: all 400ms;border-style: solid;border-color: #45c4e9;border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px} .p-mu11734{text-align: center;padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;border-style: dashed;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px;border-color: #CCC} .p-mu11734 i:before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} .p-mu11734 i:hover:before{-webkit-transition: all 400ms; transition: all 400ms} </style><div class="pagelayer-icon-holder"> <i class="fas fa-boxes pagelayer-icon-custom pagelayer-animation-{{anim_hover}}"></i> </div></div> <div pagelayer-id="ym32558" class="p-ym32558 pagelayer-counter"> <style pagelayer-style-id="ym32558">.p-ym32558{text-align: center;margin-top: -15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;border-style: dashed;border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #CCC} .p-ym32558 .pagelayer-counter-info{color:#000000;font-family: Poppins; font-size: 23px !important; font-style: !important; font-weight: 400 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ym32558 .pagelayer-counter-content{color:#000000;font-family: Poppins; font-size: 50px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} @media (max-width: 360px){.p-ym32558 .pagelayer-counter-info{font-family: ; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ym32558 .pagelayer-counter-content{font-family: ; font-size: 40px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} } </style><div class="pagelayer-counter-holder"> <div class="pagelayer-counter-content"> <span class="pagelayer-counter-display" pagelayer-counter-initial-value="1" pagelayer-counter-last-value="14" pagelayer-counter-animation-duration="2000" pagelayer-counter-seperator="true" pagelayer-counter-seperator-type=",">1</span> </div> <span class="pagelayer-counter-info">Consultants</span> </div></div> </div></div> </div></div> </div></div> </div></div> <div pagelayer-id="gsm9175" class="p-gsm9175 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="gsm9175">.p-gsm9175 .pagelayer-col-holder{padding: 10px} .p-gsm9175 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-gsm9175 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-gsm9175 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-gsm9175 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-gsm9175 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="uuv1076" class="p-uuv1076 pagelayer-col"> <style pagelayer-style-id="uuv1076">.p-uuv1076 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-uuv1076 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> </div></div> </div><!-- .entry-content --> </article><!-- #post-29 --> </main><!-- #main --> <footer class="pagelayer-footer"><div pagelayer-id="5vj9341" class="p-5vj9341 pagelayer-post_props"> </div> <div pagelayer-id="dlw6359" class="p-dlw6359 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="dlw6359">.p-dlw6359 .pagelayer-col-holder{padding: 10px} .p-dlw6359 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-dlw6359 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-dlw6359 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-dlw6359 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-dlw6359 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-dlw6359{background: #000000;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="icv1238" class="p-icv1238 pagelayer-col"> <style pagelayer-style-id="icv1238">.p-icv1238 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="zb26510" class="p-zb26510 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="zb26510">.p-zb26510 .pagelayer-col-holder{padding: 10px} .p-zb26510 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-zb26510 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-zb26510 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-zb26510 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-zb26510 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-zb26510{padding-top: 40px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="b247629" class="p-b247629 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="b247629">.p-b247629 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ozx9914" class="p-ozx9914 pagelayer-wp_title"> <style pagelayer-style-id="ozx9914">.p-ozx9914 .pagelayer-wp-title-heading{font-family: Poppins; font-size: 24px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;color:#ffffff;text-align:center;padding: 0px 0px 0px 10px} .p-ozx9914 .pagelayer-wp-title-img{width:61%; height: auto} .p-ozx9914{margin-top: -20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-ozx9914 .pagelayer-wp-title-img{width:25%; height: auto} } </style><div class="pagelayer-wp-title-content"> <div class="pagelayer-wp-title-section"> <a href="https://aotbd.com" class="pagelayer-wp-title-link pagelayer-ele-link pagelayer-wp-title-align-left pagelayer-wp-title-vertical-middle"> <img decoding="async" class="pagelayer-img pagelayer-wp-title-img" src="https://aotbd.com/wp-content/uploads/2025/03/Aot-logo.png" title="Aot logo" alt="Aot logo" /> <div class="pagelayer-wp-title-holder"> <div class="pagelayer-wp-title-heading">AOT</div> </div> </a> </div> <div></div></div></div> <div pagelayer-id="wmq6243" class="p-wmq6243 pagelayer-divider"> <style pagelayer-style-id="wmq6243">.p-wmq6243 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 25%} .p-wmq6243 .pagelayer-divider-holder{padding-top: 6px; padding-bottom: 6px;text-align: left} @media (max-width: 780px) and (min-width: 361px){.p-wmq6243 .pagelayer-divider-seperator{width: 13%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> <div pagelayer-id="iwf2956" class="p-iwf2956 pagelayer-text"> <style pagelayer-style-id="iwf2956">.p-iwf2956{padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 0px;font-family: Hind !important;font-size: 18px !important} .p-iwf2956{ color:white; } @media (max-width: 780px) and (min-width: 361px){.p-iwf2956{font-size: 15px !important} } @media (max-width: 360px){.p-iwf2956{font-size: 14px !important} } </style><div class="pagelayer-text-holder"><p style="text-align: justify; ">We are dedicated to designing exceptional websites, boosting digital visibility, and perfecting images. Our services elevate brands, harmonizing creativity with accuracy in every endeavor.</p></div></div> <div pagelayer-id="hqo6789" class="p-hqo6789 pagelayer-heading"> <style pagelayer-style-id="hqo6789">.p-hqo6789 .pagelayer-heading-holder *{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-hqo6789 .pagelayer-heading-holder{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-hqo6789{padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style><div class="pagelayer-heading-holder"> <h2>Follow us on</h2></div> </div> <div pagelayer-id="fwr8903" class="p-fwr8903 pagelayer-share_grp pagelayer-share-type-icon pagelayer-social-bg-none"> <style pagelayer-style-id="fwr8903">.p-fwr8903{text-align: left;padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} .p-fwr8903 .pagelayer-share{padding-left: 15px; padding-right: 15px} .p-fwr8903 .pagelayer-share-content{min-height: NaNpx;-webkit-transition: all 400ms; transition: all 400ms} .p-fwr8903 i{font-size: 25px} .p-fwr8903 .pagelayer-icon-holder{font-size: 25px;padding-left: calc(0.5em + 5px); padding-right: calc(0.5em + 5px)} .p-fwr8903 .pagelayer-share-buttons i{color: #ffffff !important} .p-fwr8903 .pagelayer-share-content i{-webkit-transition: all 400ms; transition: all 400ms} .p-fwr8903 .pagelayer-share-buttons:hover i{color: #45c4e9 !important} .p-fwr8903 .pagelayer-icon-name{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style> <div pagelayer-id="sz82138" class="p-sz82138 pagelayer-share"> <a class="pagelayer-ele-link" title="fab fa-facebook-f" href="https://www.facebook.com/sharer/sharer.php?u=aotbd.com/"> <div class="pagelayer-share-content pagelayer-facebook-f" data-icon="fab fa-facebook-f"> <div class="pagelayer-icon-holder pagelayer-share-buttons"> <i class="pagelayer-social-fa fab fa-facebook-f"></i> </div> <div class="pagelayer-icon-name"> <span class="pagelayer-icon-name-span">Facebook</span> </div> </div> </a></div> <div pagelayer-id="44b9811" class="p-44b9811 pagelayer-share"> <a class="pagelayer-ele-link" title="fab fa-twitter" href="https://twitter.com/intent/tweet?url=aotbd.com/"> <div class="pagelayer-share-content pagelayer-twitter" data-icon="fab fa-twitter"> <div class="pagelayer-icon-holder pagelayer-share-buttons"> <i class="pagelayer-social-fa fab fa-twitter"></i> </div> <div class="pagelayer-icon-name"> <span class="pagelayer-icon-name-span">Twitter</span> </div> </div> </a></div> <div pagelayer-id="y678603" class="p-y678603 pagelayer-share"> <a class="pagelayer-ele-link" title="fab fa-linkedin-in" href="https://www.linkedin.com/shareArticle?url=aotbd.com/"> <div class="pagelayer-share-content pagelayer-linkedin-in" data-icon="fab fa-linkedin-in"> <div class="pagelayer-icon-holder pagelayer-share-buttons"> <i class="pagelayer-social-fa fab fa-linkedin-in"></i> </div> <div class="pagelayer-icon-name"> <span class="pagelayer-icon-name-span">Linkedin</span> </div> </div> </a></div> <div pagelayer-id="vg86158" class="p-vg86158 pagelayer-share"> <a class="pagelayer-ele-link" title="fab fa-skype" href="https://web.skype.com/share?"> <div class="pagelayer-share-content pagelayer-skype" data-icon="fab fa-skype"> <div class="pagelayer-icon-holder pagelayer-share-buttons"> <i class="pagelayer-social-fa fab fa-skype"></i> </div> <div class="pagelayer-icon-name"> <span class="pagelayer-icon-name-span">Skype</span> </div> </div> </a></div> </div> </div></div> <div pagelayer-id="87q9664" class="p-87q9664 pagelayer-col pagelayer-col-2"> <style pagelayer-style-id="87q9664">.p-87q9664 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="b6v8873" class="p-b6v8873 pagelayer-heading"> <style pagelayer-style-id="b6v8873">.p-b6v8873 .pagelayer-heading-holder *{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-b6v8873 .pagelayer-heading-holder{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-b6v8873{padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style><div class="pagelayer-heading-holder"> <h2>Useful Links</h2></div> </div> <div pagelayer-id="qrc4054" class="p-qrc4054 pagelayer-divider"> <style pagelayer-style-id="qrc4054">.p-qrc4054 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 40%} .p-qrc4054 .pagelayer-divider-holder{padding-top: 6px; padding-bottom: 6px;text-align: left} @media (max-width: 780px) and (min-width: 361px){.p-qrc4054 .pagelayer-divider-seperator{width: 13%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> <div pagelayer-id="c2v8891" class="p-c2v8891 pagelayer-list"> <style pagelayer-style-id="c2v8891">.p-c2v8891 li{list-style-type: none;font-family: Hind; font-size: 18px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-c2v8891 .pagelayer-list-icon-holder{padding-bottom: calc(10px/2); padding-top: calc(10px/2)} .p-c2v8891 .pagelayer-list-item{color:#ffffff;margin-left: 10px} .p-c2v8891 li > a{font-family: Hind; font-size: 18px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-c2v8891 .pagelayer-list-icon{color:#45c4e9;font-size: 16px} .p-c2v8891{padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-c2v8891 li{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-c2v8891 li > a{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-c2v8891 .pagelayer-list-icon{font-size: 15px} } @media (max-width: 360px){.p-c2v8891 li{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-c2v8891 li > a{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-c2v8891 .pagelayer-list-icon{font-size: 14px} } </style><ul class="pagelayer-list-ul pagelayer-list-type-none"> <div pagelayer-id="3wb3148" class="p-3wb3148 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item"> Home</span> </span> </a> </li></div> <div pagelayer-id="mbt7911" class="p-mbt7911 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item"> About Us</span> </span> </a> </li></div> <div pagelayer-id="avw3690" class="p-avw3690 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item"> Contact Us</span> </span> </a> </li></div> <div pagelayer-id="isg5627" class="p-isg5627 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item"> Our Services</span> </span> </a> </li></div> <div pagelayer-id="k982838" class="p-k982838 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item"> FAQs</span> </span> </a> </li></div> <div pagelayer-id="sws1213" class="p-sws1213 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item"> Our Team</span> </span> </a> </li></div> </ul></div> </div></div> <div pagelayer-id="wr56222" class="p-wr56222 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="wr56222">.p-wr56222 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="e4u3656" class="p-e4u3656 pagelayer-heading"> <style pagelayer-style-id="e4u3656">.p-e4u3656 .pagelayer-heading-holder *{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-e4u3656 .pagelayer-heading-holder{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-e4u3656{padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style><div class="pagelayer-heading-holder"> <h2>Our Services</h2></div> </div> <div pagelayer-id="af39381" class="p-af39381 pagelayer-list"> <style pagelayer-style-id="af39381">.p-af39381 li{list-style-type: none;font-family: Hind; font-size: 18px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-af39381 .pagelayer-list-icon-holder{padding-bottom: calc(10px/2); padding-top: calc(10px/2)} .p-af39381 .pagelayer-list-item{color:#ffffff;margin-left: 10px} .p-af39381 li > a{font-family: Hind; font-size: 18px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-af39381 .pagelayer-list-icon{color:#45c4e9;font-size: 16px} .p-af39381{padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-af39381 li{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-af39381 li > a{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-af39381 .pagelayer-list-icon{font-size: 15px} } @media (max-width: 360px){.p-af39381 li{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-af39381 li > a{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-af39381 .pagelayer-list-icon{font-size: 14px} } </style><ul class="pagelayer-list-ul pagelayer-list-type-none"> <div pagelayer-id="opx2874" class="p-opx2874 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item">ASEO Development</span> </span> </a> </li></div> <div pagelayer-id="sqz3032" class="p-sqz3032 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item">3D Model Designing</span> </span> </a> </li></div> <div pagelayer-id="q8k6785" class="p-q8k6785 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item">Product Designing </span> </span> </a> </li></div> <div pagelayer-id="7yv8172" class="p-7yv8172 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item">Interior & Landscaping </span> </span> </a> </li></div> <div pagelayer-id="nng4613" class="p-nng4613 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item"><p style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255);"><span style="font-weight: normal;">Advance Visualization </span></p></span> </span> </a> </li></div> <div pagelayer-id="fju8049" class="p-fju8049 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item">360 Digital Marketing</span> </span> </a> </li></div> <div pagelayer-id="y0x7047" class="p-y0x7047 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item">Web & Apps Building </span> </span> </a> </li></div> <div pagelayer-id="lst7322" class="p-lst7322 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="#"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon fas fa-chevron-right"></i> <span class="pagelayer-list-item">IT Consultation </span> </span> </a> </li></div> </ul></div> <div pagelayer-id="1nm7564" class="p-1nm7564 pagelayer-divider"> <style pagelayer-style-id="1nm7564">.p-1nm7564 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 35%} .p-1nm7564 .pagelayer-divider-holder{padding-top: 6px; padding-bottom: 6px;text-align: left} @media (max-width: 780px) and (min-width: 361px){.p-1nm7564 .pagelayer-divider-seperator{width: 13%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> </div></div> <div pagelayer-id="zym2771" class="p-zym2771 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="zym2771">.p-zym2771 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ck57647" class="p-ck57647 pagelayer-heading"> <style pagelayer-style-id="ck57647">.p-ck57647 .pagelayer-heading-holder *{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ck57647 .pagelayer-heading-holder{color:#fefefe;font-family: Poppins !important; font-size: 24px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ck57647{padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style><div class="pagelayer-heading-holder"> <h2>Reach Us</h2></div> </div> <div pagelayer-id="pwx9016" class="p-pwx9016 pagelayer-divider"> <style pagelayer-style-id="pwx9016">.p-pwx9016 .pagelayer-divider-seperator{border-top-style: solid;border-top-color: #45c4e9;border-top-width: 2px;width: 35%} .p-pwx9016 .pagelayer-divider-holder{padding-top: 6px; padding-bottom: 6px;text-align: left} @media (max-width: 780px) and (min-width: 361px){.p-pwx9016 .pagelayer-divider-seperator{width: 13%} } </style><div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div></div> <div pagelayer-id="vt31903" class="p-vt31903 pagelayer-phone"> <style pagelayer-style-id="vt31903">.p-vt31903 .pagelayer-phone *, .p-vt31903 .pagelayer-phone{color:#ffffff;font-family: Hind; font-size: 18px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} body:not(.rtl) .p-vt31903 .pagelayer-phone-icon{margin-right: 10px} body.rtl .p-vt31903 .pagelayer-phone-icon{margin-left:10px} .p-vt31903 .pagelayer-phone-icon i{color:#45c4e9;font-size: 16px} .p-vt31903{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-vt31903 .pagelayer-phone *, .p-vt31903 .pagelayer-phone{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-vt31903 .pagelayer-phone-icon i{font-size: 15px} } @media (max-width: 360px){.p-vt31903 .pagelayer-phone *, .p-vt31903 .pagelayer-phone{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-vt31903 .pagelayer-phone-icon i{font-size: 14px} } </style><div class="pagelayer-phone-holder"> <span class="pagelayer-phone-icon"><i class="fas fa-mobile-alt"></i></span> <a href="tel:+8801337259375"> <span class="pagelayer-phone">+8801337259375</span> </a> </div></div> <div pagelayer-id="ir22381" class="p-ir22381 pagelayer-address"> <style pagelayer-style-id="ir22381">.p-ir22381 .pagelayer-address *, .p-ir22381 .pagelayer-address{color:#ffffff;font-family: Hind; font-size: 18px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ir22381 .pagelayer-address-holder{justify-content: center} body:not(.rtl) .p-ir22381 .pagelayer-address-icon{margin-right: 10px} body.rtl .p-ir22381 .pagelayer-address-icon{margin-left:10px} .p-ir22381 .pagelayer-address-icon i{color:#45c4e9;font-size: 16px} .p-ir22381{padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-ir22381 .pagelayer-address *, .p-ir22381 .pagelayer-address{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ir22381 .pagelayer-address-icon i{font-size: 15px} } @media (max-width: 360px){.p-ir22381 .pagelayer-address *, .p-ir22381 .pagelayer-address{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ir22381 .pagelayer-address-icon i{font-size: 14px} } </style><div class="pagelayer-address-holder"> <span class="pagelayer-address-icon"><i class="fas fa-map-marker-alt"></i></span> <span class="pagelayer-address">Address: H#16/2,Azam Road,Mohammadpur,Dhaka-1207</span> </div></div> <div pagelayer-id="6l29909" class="p-6l29909 pagelayer-email"> <style pagelayer-style-id="6l29909">.p-6l29909 .pagelayer-email *, .p-6l29909 .pagelayer-email{color:#ffffff;font-family: Hind; font-size: 18px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} body:not(.rtl) .p-6l29909 .pagelayer-email-icon{margin-right: 10px} body.rtl .p-6l29909 .pagelayer-email-icon{margin-left:10px} .p-6l29909 .pagelayer-email-icon i{color:#45c4e9;font-size: 16px} .p-6l29909{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-6l29909 .pagelayer-email *, .p-6l29909 .pagelayer-email{font-family: ; font-size: 15px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-6l29909 .pagelayer-email-icon i{font-size: 15px} } @media (max-width: 360px){.p-6l29909 .pagelayer-email *, .p-6l29909 .pagelayer-email{font-family: ; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} body:not(.rtl) .p-6l29909 .pagelayer-email-icon{margin-right: 14px} body.rtl .p-6l29909 .pagelayer-email-icon{margin-left:14px} } </style><div class="pagelayer-email-holder"> <span class="pagelayer-email-icon"><i class="fas fa-envelope"></i></span> <a href="mailto:[email protected]"> <span class="pagelayer-email">[email protected]</span></a></div> </div> <div pagelayer-id="zza5147" class="p-zza5147 pagelayer-google_maps"> <style pagelayer-style-id="zza5147">.p-zza5147 iframe{height: 150px} .p-zza5147{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style><div class="pagelayer-google-maps-holder"> <iframe marginheight="0" scrolling="no" marginwidth="0" frameborder="0" src="https://maps.google.com/maps?q= New York, New York, USA&t=m&z=5&output=embed&iwloc=near" aria-label=" New York, New York, USA"></iframe> </div></div> </div></div> </div></div> <div pagelayer-id="v281930" class="p-v281930 pagelayer-copyright"> <style pagelayer-style-id="v281930">.p-v281930 .pagelayer-copyright *, .p-v281930 .pagelayer-copyright{color:#ffffff;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-v281930{padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px;border-style: solid;border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;border-color: #ffffff} </style><div class="pagelayer-copyright"> <a href="https://aotbd.com"> © 2025 AOT BD </a> </div></div> </div></div> </div></div> </footer><link rel="preload" href="https://fonts.googleapis.com/css?family=Poppins%3A400%2C600%2C500%2C100%2C100i%2C200%2C200i%2C300%2C300i%2C400i%2C500i%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i%7CHind%3A400%2C600%7CGoogle%20Sans%22%2C%20Arial%2C%20sans-serif%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i" as="fetch" crossorigin="anonymous"><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/popularfx\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <link rel='stylesheet' id='pagelayer-google-font-css' href='https://fonts.googleapis.com/css?family=Poppins%3A400%2C600%2C500%2C100%2C100i%2C200%2C200i%2C300%2C300i%2C400i%2C500i%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i%7CHind%3A400%2C600%7CGoogle+Sans%22%2C+Arial%2C+sans-serif%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i&ver=2.0.0' media='all' /> <script src="https://aotbd.com/wp-content/themes/popularfx/js/navigation.js?ver=1.2.6" id="popularfx-navigation-js"></script> </body> </html>